:root{--paper:#f7f4ec;--ink:#173f3d;--muted:#57645d;--accent:#b75d40;--line:#d8dacf;--light:#e9ede3;--gold:#d8ae60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 88px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 44px;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;line-height:1.3;text-decoration:none;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px;font-weight:550}.brand-mark{display:grid;place-items:center;width:39px;height:45px;border-radius:50% 50% 5px 5px;background:var(--ink);color:var(--paper);font:28px Georgia}.header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.nav-cta{border:1px solid var(--ink);padding:10px 17px;border-radius:4px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;align-items:center;min-height:700px;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;line-height:1.8;color:var(--accent);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.7px;line-height:1.1}h1{font-size:clamp(48px,4.6vw,68px);margin-bottom:28px}h1 em,h2 em{font-weight:400;color:var(--accent)}h2{font-size:clamp(38px,4vw,55px);margin-bottom:25px}h3{font-size:31px;letter-spacing:-.7px;margin-bottom:20px}p{margin-bottom:20px}.lead{font-size:18px;line-height:1.8;max-width:490px;color:var(--muted)}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--ink);color:#fff;padding:15px 22px;border-radius:4px;text-decoration:none;border:1px solid var(--ink);font-size:14px;font-weight:600;line-height:1.5}.button:hover{background:#28605b}.text-link{font-size:13px;font-weight:650}.hero-art{position:relative;isolation:isolate;height:510px;background:#e6eade;border-radius:48% 48% 4px 4px;overflow:hidden}.orbit{position:absolute;width:440px;height:440px;border:1px solid #bcc7b6;border-radius:50%;top:30px;left:70px}.record{position:absolute;width:355px;height:355px;top:43px;right:-40px;border-radius:50%;background:repeating-radial-gradient(circle,#243b37 0px,#243b37 2px,#30453f 3px,#182c28 4px);box-shadow:15px 25px 30px #102e3425;display:grid;place-items:center;transform:rotate(14deg)}.record-center{display:grid;align-content:center;width:132px;height:132px;border-radius:50%;background:var(--gold);font:30px/.9 Georgia;text-align:center;color:#173f3d}.record-center i{font-size:38px}.paper{position:absolute;bottom:61px;left:30px;width:315px;padding:30px 25px;background:#fffcf3;box-shadow:5px 15px 25px #173f3d24;transform:rotate(-8deg);border-top:6px solid var(--accent)}.paper p{font:italic 31px/1.3 Georgia;letter-spacing:-1px;margin:23px 0}.paper .eyebrow{font-size:9px}.paper-line{display:block;border-bottom:1px solid #d8dacf;margin-bottom:15px}.paper small{font-size:10px;color:var(--muted)}.art-label{position:absolute;bottom:19px;left:30px;font-size:9px;letter-spacing:2px}.ribbon{background:var(--ink);color:#f3f2df;font-size:13px;letter-spacing:.4px}.ribbon .wrap{display:flex;justify-content:space-between;padding-block:21px;gap:18px}.ribbon span{color:var(--gold)}.section{padding-block:95px}.why{display:grid;grid-template-columns:1fr 1fr;gap:70px}.large-copy{font:29px/1.4 Georgia;letter-spacing:-.5px}.why p:not(.eyebrow):not(.large-copy):not(.fine){color:var(--muted);font-size:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.section-heading h2{margin-bottom:0}.example-shell{background:#e9ede4}.david-quote{margin:20px 0 45px;border-left:3px solid var(--accent);padding:9px 0 9px 30px;max-width:920px}.david-quote p{font:24px/1.6 Georgia;margin-bottom:15px}.david-quote cite{font-size:12px;font-style:normal;letter-spacing:1px}.example-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:start}.screens{display:grid;grid-template-columns:1fr 1fr;gap:16px}.screens figure{margin:0}.screens img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #cdd2c8;box-shadow:0 12px 20px #173f3d0a}.screens figure:nth-child(2){padding-top:45px}.screens figcaption{font-size:10px;letter-spacing:1.2px;margin-top:13px;text-transform:uppercase}.thread{padding-top:15px}.thread>p{font-size:15px}.thread-list{list-style:none;margin:25px 0;padding:0}.thread-list li{padding:15px 0;border-top:1px solid #cbd2c5}.thread-list strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}.thread-list span{font:21px/1.4 Georgia}.song-panel{margin-top:75px;border-top:1px solid #cbd2c5;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.song-panel video{max-height:500px;aspect-ratio:1}.song-panel h3{font-size:40px}.song-panel p{font-size:15px}video{display:block;width:100%;height:auto;background:#102e34;border-radius:10px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:22px;font-size:14px}summary{cursor:pointer;font-weight:650}details p:first-of-type{margin-top:18px}details li{margin-bottom:8px}.steps{max-width:920px;margin:60px auto 0}.step{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:38px 0;border-top:1px solid var(--line)}.step-number{font:46px/1 Georgia;color:#a4ad9d;letter-spacing:-2px}.step .eyebrow{margin-bottom:10px}.step h3{font-size:32px;margin-bottom:18px}.step p,.step li{font-size:16px;color:#42534c}.step .eyebrow{font-size:10px;color:var(--accent)}.try{border-left:2px solid var(--accent);background:#eeeee4;padding:17px 20px;font-size:14px;margin:23px 0}.try strong{color:var(--ink)}.prompt{background:#e9ede4;padding:24px;border-radius:5px;margin:24px 0}.prompt>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.2px}.prompt p{margin:20px 0 0;font-size:14px;line-height:1.9}.prompt button,.small-button{border:1px solid #718575;background:transparent;color:var(--ink);padding:8px 12px;border-radius:3px;font-size:12px;letter-spacing:0;min-height:40px}.sound-options{display:flex;gap:8px;flex-wrap:wrap}.sound-options span{background:#ece4d9;border-radius:20px;padding:6px 12px;font-size:12px}.mini-steps{padding-left:20px}.mini-steps li{padding-left:5px;margin-bottom:9px}.watch-shell{background:var(--ink);color:var(--paper)}.watch-shell .eyebrow{color:var(--gold)}.watch-shell em{color:var(--gold)}.watch-shell p:not(.eyebrow){color:#d2ddd1}.watch-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.workbook{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:45px;padding:40px;background:#e9ede4;border:1px solid #d3dacd;border-radius:8px}label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}.fields label:first-child{margin-top:0}input,select,textarea{display:block;width:100%;border:1px solid #a8b5a7;background:#fcfbf6;color:var(--ink);padding:12px 14px;border-radius:3px;font-size:14px;line-height:1.6}textarea{resize:vertical}select{font-size:13px}::placeholder{color:#647269;opacity:1}.fields .fine{margin-top:20px}.workbook-output{padding-top:0}.workbook-output h3{font-size:33px}.workbook-output>p{font-size:14px}.workbook-output .button{margin:5px 0 10px}.workbook .actions{gap:9px;margin-top:14px}.quiet-button{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}#status{min-height:28px;color:var(--ink);font-size:13px;margin-top:12px}.closing{text-align:center;padding:40px 0 95px}.closing .text-link{display:block;margin-top:24px}.closing h2{font-size:42px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.footer-top>span{font-size:12px;text-align:right;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:35px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:11px}.footer-links span{margin-left:auto}.footer-links button{padding:0;border:0;background:none;text-decoration:underline;color:inherit;font-size:inherit}.footer-links a{color:var(--muted)}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.header{padding:20px 24px}.header nav{gap:16px}.hero{grid-template-columns:1fr 1fr;gap:20px;min-height:640px}h1{font-size:46px}.hero-art{height:450px}.paper{left:15px;bottom:50px;width:270px;padding:25px 20px}.paper p{font-size:27px}.record{width:310px;height:310px;right:-90px}.why{gap:35px}.example-grid,.song-panel{gap:35px}.watch-grid{gap:30px}.workbook{gap:30px;padding:25px}.section{padding-block:70px}}@media(max-width:680px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.header{padding:17px 18px;align-items:start;flex-direction:column;gap:18px}.header nav{width:100%;gap:15px;justify-content:space-between;font-size:11px}.nav-cta{padding:7px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:35px}.hero h1{font-size:48px;letter-spacing:-1.5px}.lead{font-size:16px}.hero-art{height:365px;max-width:440px;width:100%;margin:auto}.record{width:280px;height:280px;top:20px;right:-20px}.record-center{width:110px;height:110px;font-size:25px}.record-center i{font-size:30px}.paper{width:255px;bottom:43px;left:22px;padding:20px}.paper p{font-size:26px;margin:18px 0}.orbit{width:300px;height:300px;left:40px;top:25px}.hero .actions{gap:18px}.ribbon .wrap{display:grid;grid-template-columns:1fr auto 1fr;font-size:11px;gap:8px;padding-block:16px}.ribbon span:nth-of-type(2){display:none}.section{padding-block:55px}.why,.example-grid,.song-panel,.watch-grid,.workbook{grid-template-columns:1fr;gap:28px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:24px}.why{gap:10px}.large-copy{font-size:26px}.david-quote{padding-left:20px}.david-quote p{font-size:21px}.screens{gap:12px;max-width:480px}.thread h3{font-size:31px}.song-panel{margin-top:40px;padding-top:35px}.song-panel video{max-width:430px;justify-self:center}.song-panel h3{font-size:36px}.steps{margin-top:35px}.step{grid-template-columns:42px 1fr;gap:15px;padding:28px 0}.step-number{font-size:34px}.step h3{font-size:27px}.step p,.step li{font-size:15px}.step .fine{font-size:12px}.try{padding:14px;font-size:13px}.prompt{padding:16px}.prompt>div{align-items:start}.prompt p{font-size:13px}.workbook{padding:20px;gap:35px}.closing{padding-bottom:60px}.closing h2{font-size:34px}.footer-top{align-items:start;flex-direction:column;gap:15px}.footer-top>span{text-align:left}.footer-links{gap:12px 20px}.footer-links span{margin-left:0}.eyebrow{font-size:10px}.actions .button{font-size:13px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:black;font-size:11pt}.wrap{width:100%}.header,.hero-art,.ribbon,video,.screens,.actions,button,.closing,.skip{display:none!important}.hero,.why,.example-grid,.song-panel,.watch-grid,.workbook{display:block;min-height:0}.section,.hero{padding:20px 0}.step{break-inside:avoid;padding:16px 0}.step-number{font-size:25px}h1{font-size:32pt}h2{font-size:25pt}h3{font-size:18pt}.watch-shell{color:black;background:white}.watch-shell p:not(.eyebrow){color:black}.workbook{background:white;padding:0;border:0}.workbook-output{margin-top:20px}footer .fine{font-size:9pt}}
