:root{--paper:#f4f0e9;--paper-raised:#fbf9f5;--paper-deep:#ece6dc;--ink:#2e2b27;--ink-soft:#6b655c;--ink-faint:#746d62;--line:#ded7cb;--sage:#7c8b7a;--sage-dark:#59685a;--stone:#a79e92;--accent:#a9714b;--accent-soft:#c99a76;--danger:#9c5340;--shadow-sm:0 2px 8px #2e2b270f;--shadow:0 12px 34px #2e2b2717;--dock-bg:#fcfaf6e6;--dock-border:#2e2b2717;--dock-shadow:0 1px 2px #2e2b270d, 0 18px 40px #2e2b2724;--dock-inset:inset 0 1px 0 #ffffffbf;--radius:16px;--radius-sm:10px;--radius-pill:999px;--max-width:1220px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500}:focus-visible{outline:2px solid var(--sage-dark);outline-offset:2px;border-radius:4px}.site{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);padding:22px 0}.site-header .container{justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--font-display);letter-spacing:.01em;font-size:20px}.brand small{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;display:block}.site-nav{color:var(--ink-soft);align-items:center;gap:22px;font-size:14px;display:flex}.site-nav a:hover{color:var(--ink)}.hero{max-width:720px;padding:64px 0 24px}.hero h1{text-wrap:balance;font-size:clamp(34px,5vw,52px);line-height:1.1}.hero p{color:var(--ink-soft);max-width:34em;margin:18px 0 26px;font-size:18px}.button{border:1px solid var(--line);background:var(--paper-raised);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:11px 20px;font-size:15px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{background:#fff}.button:active{transform:translateY(1px)}.button--primary{background:var(--sage-dark);border-color:var(--sage-dark);color:#f7f5f0}.button--primary:hover{background:#4c5a4d}.button--ghost{box-shadow:none;background:0 0}.button--danger{color:var(--danger);border-color:#d8c4bc}.section-heading{justify-content:space-between;align-items:baseline;margin:52px 0 18px;display:flex}.section-heading h2{font-size:26px}.section-heading span{color:var(--ink-faint);font-size:13px}.category-nav{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.category-nav a{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-soft);background:var(--paper-raised);padding:7px 15px;font-size:13.5px}.category-nav a:hover{color:var(--ink);border-color:var(--stone)}.explainer{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin:70px 0 40px;padding-top:34px;display:grid}.explainer h3{margin-bottom:6px;font-size:18px}.explainer p{color:var(--ink-soft);margin:0;font-size:14.5px}.site-footer{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:auto;padding:26px 0 40px;font-size:13px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.prose{max-width:680px;color:var(--ink-soft);padding:40px 0 80px}.prose h1{color:var(--ink);margin-bottom:18px;font-size:34px}.prose h2{color:var(--ink);margin:32px 0 8px;font-size:20px}.prose p{margin:0 0 14px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}::selection{color:var(--ink);background:#d5dfcd}a{text-underline-offset:.2em}@media (max-width:600px){.container{padding:0 20px}.hero{padding-top:38px}.hero p{font-size:16px}.section-heading{gap:14px;margin-top:36px}.section-heading span{text-align:right}}.painting-hero{grid-template-columns:.85fr 1.35fr;align-items:center;gap:48px;padding:56px 0 40px;display:grid}.painting-hero h1{margin:12px 0 20px;font-size:clamp(38px,4.3vw,60px);line-height:1.08}.painting-hero p{color:var(--ink-soft);max-width:390px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--sage-dark);font-size:12px}.hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.painting-hero small{color:var(--ink-soft);font-size:12px}.hero-painting{background:var(--paper-raised);box-shadow:var(--shadow);padding:10px;display:block;transform:rotate(1deg)}.hero-painting img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.hero-painting span{font-family:var(--font-display);padding:10px 4px 2px;display:block}.continue-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.continue-card{background:var(--paper-raised);border:1px solid var(--line);align-items:center;gap:14px;padding:12px;display:flex}.continue-card small{color:var(--ink-soft);font-size:12px;display:block}.progress-thumb{aspect-ratio:4/3;background-size:100% 100%;flex:none;width:100px;display:block}.progress-thumb img{object-fit:contain;width:100%;height:100%}.detail-filter{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.detail-filter [aria-pressed=true]{background:var(--sage-dark);color:#fff}.painting-demo{border-block:1px solid var(--line);margin:24px 0;padding:16px 0}.painting-demo summary{cursor:pointer;min-height:32px}.demo-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.demo-paper{border:1px solid var(--line);background:var(--paper-raised);cursor:crosshair;touch-action:none;width:240px}@media (max-width:800px){.painting-hero{grid-template-columns:1fr;gap:28px;padding:28px 0}.hero-painting{grid-row:1;transform:none}.painting-hero h1{font-size:40px}.painting-hero p{max-width:560px}}.sketchbook-page{padding-top:64px;padding-bottom:72px}.sketchbook-page>h1{margin:10px 0 14px;font-size:clamp(36px,5vw,54px)}.sketchbook-page>p{max-width:620px;color:var(--ink-soft)}.sketchbook-grid,.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.sketchbook-grid>a,.practice-grid>article{border:1px solid var(--line);background:var(--paper-raised);box-shadow:var(--shadow-sm);padding:16px}.sketchbook-grid strong,.sketchbook-grid small{display:block}.sketchbook-grid strong{font-family:var(--font-display);margin-top:12px;font-size:20px}.sketchbook-grid small,.practice-grid small{color:var(--ink-faint)}.blank-preview{background:#f8f4ec;border:1px solid #e2dbcf;width:100%;display:block}.blank-preview--landscape{aspect-ratio:4/3}.blank-preview--portrait{aspect-ratio:3/4;width:75%;margin-inline:auto}.blank-preview--square{aspect-ratio:1;width:88%;margin-inline:auto}.practice-grid h2{margin:5px 0 8px;font-size:23px}.practice-grid p{min-height:76px;color:var(--ink-soft);font-size:14px}@media (max-width:800px){.sketchbook-grid,.practice-grid{grid-template-columns:1fr}.practice-grid p{min-height:0}.site-nav{gap:12px;font-size:12px}}