@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f3eb;--ink:#183f35;--line:#d6d9cb;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.masthead,main,footer{max-width:1400px;margin:auto;padding-left:64px;padding-right:64px}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:500;letter-spacing:-1.4px;white-space:nowrap}.brand span{font-weight:700}.brand .brand-dot{color:#bd613f;font-size:12px;margin-left:7px;vertical-align:top;line-height:27px}.masthead-note{font-size:12px;color:#637065}.header-link{font-size:12px;font-weight:700}.header-link span{font-size:20px;margin-left:15px}.intro{padding:67px 0 42px}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:10px;font-weight:700}.eyebrow>span{width:7px;height:7px;background:#bb603e;border-radius:50%}h1{font-family:var(--serif);font-size:clamp(62px,6.7vw,94px);line-height:.99;letter-spacing:-2px;font-weight:400;margin:27px 0 26px}h1 em{font-weight:400;color:#b1593b}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{font-size:15px;line-height:1.75;color:#5c695f;margin:0}.explore-note{font-size:9px;letter-spacing:1.6px;font-weight:700;white-space:nowrap}.explore-note span{font-size:26px;margin-left:24px}.experiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;padding:25px 27px 22px;border:1px solid #ccd3c1;border-radius:3px;transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #183f3510}.practice{background:#e7ebdd}.forum{background:#f0e0d1;border-color:#e2cbbb}.books{background:#eee9d5;border-color:#dfd7bb}.card-top{display:flex;align-items:center;justify-content:space-between}.category{font-size:10px;letter-spacing:1.9px;font-weight:700}.number{font-family:var(--serif);font-size:23px;opacity:.55}.art{height:215px;position:relative;display:flex;align-items:center;justify-content:center;margin:12px -5px 15px}.prompt-paper{position:relative;width:230px;max-width:90%;padding:23px 20px 30px;background:#fffcf3;border:1px solid #bdc5b3;box-shadow:7px 8px 0 #cbd4be;transform:rotate(-5deg)}.tiny-label{font-size:6px;letter-spacing:1px;font-weight:700}.prompt-question{font-family:var(--serif);font-size:28px;line-height:1.05;margin:18px 0}.prompt-line{height:1px;background:#c9cec1;margin:9px 0;width:77%}.prompt-line.short{width:51%}.prompt-cursor{position:absolute;right:18px;bottom:13px;font-size:20px}.art-stamp{position:absolute;right:0;bottom:10px;background:#285044;color:#f4f0db;border-radius:50%;width:67px;height:67px;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.3px;text-align:center;line-height:1.45;transform:rotate(12deg)}.comic-sheet{background:#fff9ef;width:250px;max-width:94%;padding:15px 13px 10px;transform:rotate(4deg);border:1px solid #bc896e;box-shadow:6px 7px 0 #d7b39c}.comic-label,.comic-caption{display:block;font-size:7px;letter-spacing:1px;font-weight:700;text-align:center}.comic-panels{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:125px;margin:13px 0 10px}.comic-panel{position:relative;overflow:hidden;border:1.5px solid #365044;background:#eedacc}.second{background:#ebd9aa}.bubble{position:absolute;top:12px;left:8px;z-index:1;background:#fffaf0;border:1px solid #365044;border-radius:50%;padding:12px 9px;font-family:Georgia,serif;font-style:italic;font-size:13px}.person{position:absolute;width:50px;height:54px;background:#517769;border-radius:40% 40% 0 0;bottom:-9px;left:26px}.person:before{content:'';position:absolute;width:27px;height:32px;border:1.5px solid #183f35;background:#c28766;border-radius:50%;top:-27px;left:10px}.spark{position:absolute;font-size:76px;color:#b36240;left:14px;top:25px}.answer{top:8px;left:43px;font-size:11px;padding:8px}.book-cover{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:5px 6px 12px #183f3520}.card-copy{flex:1}.card h2{font-family:var(--serif);font-size:36px;line-height:1.02;font-weight:400;letter-spacing:-.5px;margin:0 0 16px;min-height:74px}.card p{font-size:13px;line-height:1.8;margin:0 0 28px;color:#45584d;max-width:295px}.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #183f3528;padding-top:18px;font-size:12px;font-weight:700}.arrow{border:1px solid #183f3540;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:18px}.closing{display:flex;gap:22px;align-items:center;padding:42px 0}.closing-mark{color:#b66140;font-size:45px}.closing p{font-family:var(--serif);font-size:24px;line-height:1.05;margin:0}.closing strong{font-weight:400}.closing-note{margin-left:auto;color:#647067;font-size:12px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:30px;font-size:10px;color:#657167}.footer-brand{font-size:20px;color:var(--ink)}a:focus-visible{outline:3px solid #a74726;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.intro{padding-top:80px}.art{height:235px}}@media(max-width:1000px){.masthead,main,footer{padding-left:30px;padding-right:30px}.masthead-note{display:none}.card{padding:20px}.art{height:190px}.card h2{font-size:30px}.prompt-question{font-size:24px}.art-stamp{right:-7px}.comic-sheet{padding:12px 8px}.comic-panel .bubble{font-size:10px;padding:8px}}@media(max-width:720px){.masthead,main,footer{padding-left:22px;padding-right:22px}.masthead{height:82px}.brand{font-size:25px}.intro{padding:42px 0 30px}h1{font-size:65px}.intro-bottom{display:block}.intro-bottom p{font-size:14px}.explore-note{display:block;margin-top:24px}.explore-note span{margin-left:10px}.experiences{grid-template-columns:1fr;gap:20px}.card{padding:25px 28px}.art{height:215px;margin-top:5px}.prompt-paper{width:245px}.prompt-question{font-size:29px}.art-stamp{right:calc(50% - 140px)}.comic-sheet{max-width:250px}.comic-panel .bubble{font-size:13px;padding:10px}.card h2{font-size:38px;min-height:0}.card p{max-width:none;font-size:14px}.closing{padding:35px 0;gap:14px}.closing-note{max-width:95px;line-height:1.6}.closing p{font-size:21px}footer{flex-wrap:wrap}.wide{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}

/* App screenshots presented as illustrated cards. */
.app-preview{isolation:isolate;max-width:340px;width:100%;align-self:center;margin-left:0;margin-right:0}
.app-screen{position:absolute;background:#fffdf5;border:2px solid #285044;border-radius:8px;overflow:hidden;box-shadow:4px 5px 0 #28504430;width:85%}
.screen-caption{display:block;padding:7px 9px;border-bottom:1px solid #285044;background:#fff5cc;font-size:8px;letter-spacing:.7px;font-weight:700}
.app-screen img{display:block;width:100%;height:auto}
.mission-screen{left:0;top:3px;transform:rotate(-5deg);width:78%}
.mission-screen img{aspect-ratio:1.85;object-fit:cover;object-position:top}
.builder-screen{right:0;bottom:3px;transform:rotate(4deg)}
.builder-screen .screen-caption{background:#e0eced}
.builder-screen img{aspect-ratio:2.05;object-fit:cover;object-position:center}
.footnote-ref{font-size:14px;align-self:flex-start;letter-spacing:0;margin-left:-7px}
.cekap-footnote{border-top:1px solid var(--line);margin:0;padding:18px 0 24px;font-size:12px;line-height:1.6;color:#5c695f}
.cekap-footnote>span{color:#b1593b;margin-right:4px}
@media(max-width:1000px) and (min-width:721px){.screen-caption{font-size:6px;padding:5px}.app-screen{width:92%}.mission-screen{width:87%}}

.company-link{text-decoration:underline;text-underline-offset:3px;line-height:1.6}.company-link:hover{color:var(--ink)}

.amazon-link{text-decoration:underline;text-underline-offset:3px;font-weight:700}.amazon-link:hover{color:#a74726}.books .card-action{gap:12px}.books .arrow{flex-shrink:0}
