@font-face{font-family:DM;src:url('assets/DMSans.ttf') format('truetype');font-display:swap}:root{--paper:#33373a;--ink:#f3eadc;--red:#d5694f;--muted:#a9a196;--rule:#53595c;--body:#c8bfb2;--surface:#3e4346;--blue:#4fa3d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 DM,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #225cce;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0;border-bottom:1px solid var(--ink)}.brand{font-family:Georgia,serif;font-weight:bold;font-size:30px;letter-spacing:-1.6px;line-height:1.05;white-space:nowrap}.brand span{display:block;font:12px/1.6 DM,sans-serif;letter-spacing:1.1px;margin-top:8px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--red);color:white;border:1px solid var(--red);padding:17px 23px;font-size:16px;font-weight:600;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#b91e10;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button.small{font-size:14px;padding:12px 17px;gap:23px;min-height:46px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:7%;padding-top:65px;padding-bottom:74px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.7px;line-height:1.5;margin:0 0 25px;color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:700;letter-spacing:-.04em;line-height:1.06}h1{font-size:clamp(62px,6.6vw,98px);margin-bottom:26px}em{font-weight:inherit;color:var(--red)}.intro{font-size:21px;line-height:1.45;max-width:380px;margin-bottom:15px}.description{font-size:17px;color:var(--muted);max-width:410px;margin-bottom:27px}.availability{font-size:12px;letter-spacing:.3px;color:var(--muted);margin:12px 0 0}.hero-art{position:relative;padding-top:4px;align-self:center}.edition-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;border-top:1px solid var(--rule);padding-top:13px}.cover-pair{position:relative;height:350px;margin-top:28px}.cover{width:53%;height:auto;aspect-ratio:4/5;object-fit:cover;position:absolute;box-shadow:0 15px 25px #19191620}.rear{left:6%;top:0;transform:rotate(-11deg)}.front{right:3%;top:40px;transform:rotate(9deg)}.programme{position:relative;background:var(--paper);border:1px solid var(--ink);padding:24px 27px;box-shadow:7px 7px 0 #191916;z-index:2}.programme-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.programme .eyebrow{margin:0;font-size:10px}.signal{color:var(--red);letter-spacing:2px;font-size:23px}.programme h2{font-size:38px;margin:14px 0 18px;letter-spacing:-1.8px}.programme-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;line-height:1.6}.round{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:24px}.art-note{font-size:12px;text-align:center;margin:23px 0 0;color:var(--muted)}.marquee{background:var(--red);color:var(--paper)}.ribbon{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:23px 0;font-size:19px}.ribbon i{font-family:Georgia,serif;font-size:25px}.problem{padding-block:110px;display:grid;grid-template-columns:1.12fr 1fr;column-gap:12%}.problem>.eyebrow{grid-column:1/-1}.problem h2,h2{font-size:clamp(40px,4.5vw,65px);margin-bottom:0}.problem>div{max-width:440px;padding-top:10px}.problem p{margin-bottom:22px}.strong{font-weight:650}.how{background:#f1e9dc;padding:85px 0 80px;border-block:1px solid var(--rule)}.section-heading{margin-bottom:48px}.section-heading h2{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--ink);padding-top:18px}.step-number{color:var(--red);font-family:Georgia,serif;font-size:28px}h3{font-family:Georgia,serif;font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:24px 0 18px}.steps p{color:#56544f;font-size:16px}.step-detail{font-size:10px;letter-spacing:1px;font-weight:650;display:block;margin-top:26px}.shows{padding-block:95px}.inline{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.inline>p{font-size:16px;color:var(--muted);margin:0}.show-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}figure{margin:0}figure img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}figcaption{padding-top:15px}figcaption b{display:block;font-size:15px}figcaption span{font-size:12px;color:var(--muted)}.words{background:var(--ink);color:var(--paper);padding-block:90px}.words .eyebrow{color:#ff7765}.words h2{font-size:clamp(44px,5.7vw,81px);max-width:1100px;line-height:1.13}.words em{color:#ff7765}.words-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #514e47;margin-top:45px;padding-top:35px}.words-bottom>p{font-family:Georgia,serif;font-size:26px;line-height:1.4}.words-bottom>div{font-size:16px;color:#d1cbbf}.links-section{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.links-section h2{margin-bottom:27px}.links-section>div>p:not(.eyebrow){max-width:440px;color:var(--muted)}.link-visual{border:1px solid var(--ink);padding:35px;background:#f7eee0;box-shadow:8px 8px 0 var(--rule)}.link-line{border-top:1px solid var(--rule);display:flex;align-items:center;gap:20px;padding:18px 0}.link-line span{font-size:26px;color:var(--red)}.link-line p{margin:0;font:20px/1.4 Georgia,serif}.example-note{font-size:12px;padding-top:17px;border-top:1px solid var(--rule);margin:0}.download{text-align:center;background:var(--red);color:var(--paper);padding:80px 0}.download h2{font-size:clamp(42px,4.7vw,68px);margin-bottom:34px}.download em,.download .eyebrow,.download .availability{color:var(--paper)}.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.light:hover{background:white}.download .availability{opacity:.8}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px}footer .brand{font-size:25px}footer>span{font-size:12px;color:var(--muted)}dialog{max-width:min(520px,calc(100% - 40px));background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:45px}dialog::backdrop{background:#191916a8}dialog h2{font-size:47px;margin-bottom:25px}dialog>p:not(.eyebrow){font-size:16px;color:var(--muted)}.close{position:absolute;right:10px;top:7px;background:none;border:0;font-size:28px;min-width:44px;min-height:44px}.close-action{width:100%;margin-top:12px}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:0}@media(min-width:1500px){.cover-pair{height:390px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{display:none}.hero{gap:6%;padding-top:45px}.cover-pair{height:285px}.programme h2{font-size:32px}.programme{padding:19px}.hero h1{font-size:72px}.steps{gap:25px}.ribbon{font-size:16px}.ribbon i{font-size:20px}.show-grid{gap:16px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{padding-block:20px;gap:12px}.brand{font-size:25px}.brand span{font-size:10px;letter-spacing:.5px}.button.small{font-size:12px;gap:10px;padding:11px}.button.small span{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:43px;gap:35px}.hero h1{font-size:clamp(61px,13vw,92px);line-height:1.04}.hero h1 br:first-child{display:initial}.hero .eyebrow{font-size:11px}.intro{font-size:20px;max-width:100%}.description{max-width:100%}.hero-art{max-width:470px;width:100%;margin:auto}.cover-pair{height:320px}.programme{padding:23px}.programme h2{font-size:37px}.ribbon{flex-wrap:wrap;gap:8px 20px;padding-block:18px;justify-content:center;font-size:14px}.ribbon i{width:100%;text-align:center}.problem{grid-template-columns:1fr;padding-block:60px;gap:27px}.problem>.eyebrow{margin:0}.problem h2{font-size:49px}.problem>div{padding:0;max-width:100%}.how{padding-block:55px}.steps{grid-template-columns:1fr;gap:28px}.step-number{float:left;margin-right:22px}h3{margin:8px 0 22px;font-size:26px}.steps p{clear:both}.step-detail{margin-top:18px}.section-heading{margin-bottom:32px}.shows{padding-block:60px}.inline{display:block}.inline>p{margin-top:22px}.show-grid{grid-template-columns:1fr 1fr;gap:28px 17px}figcaption span{font-size:12px;line-height:1.5;display:block}.words{padding-block:60px}.words h2{font-size:49px}.words-bottom{grid-template-columns:1fr;gap:16px;margin-top:30px;padding-top:25px}.words-bottom>p{font-size:24px}.links-section{grid-template-columns:1fr;gap:30px;padding-block:60px}.link-visual{padding:24px}.link-line p{font-size:18px}.download{padding-block:60px}.download h2{font-size:44px}footer{flex-wrap:wrap;padding-block:30px;gap:18px}footer>span:last-child{width:100%}}@media(max-width:380px){.brand{font-size:22px}.brand span{font-size:9px}.button.small{font-size:11px}.cover-pair{height:260px}.hero h1{font-size:58px}.words h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Match the canonical native app: Georgia Bold headings, DM Sans UI, original wordmark. */
.brand{display:block;letter-spacing:normal;white-space:normal}.brand img{display:block;width:132px;height:auto;mix-blend-mode:multiply}.brand span{font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.4;letter-spacing:0;color:var(--muted);margin-top:6px;font-weight:400}.masthead{border-bottom-color:var(--red)}h1{font-size:clamp(56px,5.5vw,80px);line-height:1.08}h2{font-weight:700}.ribbon i{font-style:normal}.programme h2{font-size:34px}.words h2{font-size:clamp(40px,5vw,70px)}h3{font-weight:700}.step-number{font-family:DM,Arial,sans-serif}em{font-style:normal}.hero h1{letter-spacing:-.045em}@media(max-width:1050px){.hero h1{font-size:62px}}@media(max-width:760px){.brand img{width:112px}.brand span{font-size:13px;max-width:190px}.hero h1{font-size:clamp(48px,10vw,70px)}.words h2{font-size:42px}.problem h2{font-size:44px}.download h2{font-size:38px}}@media(max-width:380px){.brand img{width:100px}.brand span{font-size:12px}.hero h1{font-size:46px}}

/* Approved charcoal / cream / brick palette, 10 September 2026. */
body{color:var(--body)}h1,h2,h3,.strong,figcaption b{color:var(--ink)}
.brand img{mix-blend-mode:normal;filter:url(#brand-palette)}
.masthead,.steps article{border-color:var(--rule)}
.button{color:var(--ink)}.button:hover{background:#b8503a;border-color:#b8503a}
button:focus-visible,a:focus-visible{outline-color:var(--blue)}
.intro,.description,.steps p,.inline>p,.links-section>div>p:not(.eyebrow),dialog>p:not(.eyebrow){color:var(--body)}
.edition-label,.step-detail{color:var(--muted)}
.programme,.link-visual,dialog{background:var(--surface);border-color:var(--rule)}
.programme{box-shadow:7px 7px 0 #242729}.link-visual{box-shadow:8px 8px 0 #242729}
.signal{color:var(--blue)}
.marquee{background:var(--surface);color:var(--body);border-block:1px solid var(--rule)}.ribbon i{color:var(--ink)}
.how{background:var(--surface)}
.words{background:#2b2f32;color:var(--ink)}.words .eyebrow,.words em{color:var(--red)}
.words-bottom{border-color:var(--rule)}.words-bottom>div{color:var(--body)}
.link-line p{color:var(--ink)}
.download{background:var(--surface);color:var(--ink);border-block:1px solid var(--rule)}
.download em,.download .eyebrow{color:var(--red)}.download .availability{color:var(--muted);opacity:1}
.light{background:var(--red);border-color:var(--red);color:var(--ink)}.light:hover{background:#b8503a}
.close{color:var(--ink)}dialog::backdrop{background:#191c20c9}.skip{background:var(--surface);color:var(--ink)}

/* Annotation edits: reading focal point and more distinct, aligned steps. */
.ribbon{justify-content:flex-start;text-align:left}.ribbon i{width:auto;text-align:left}
.problem{column-gap:9%;padding-block:80px;align-items:center}.problem>.eyebrow{margin-bottom:28px}
.problem>.problem-lead{max-width:none;padding:0}.problem>.problem-copy{padding:0}
.reading-art{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;object-position:left center;margin-top:24px}
.problem-copy .strong{border-left:3px solid var(--red);padding:5px 0 5px 22px;margin-top:30px}
.steps{gap:22px;align-items:stretch}.steps article{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--red);padding:25px 24px 22px;box-shadow:0 7px 0 #292d30}
.steps article:nth-child(2){border-top-color:var(--blue)}.steps article:nth-child(3){border-top-color:var(--ink)}
.steps .step-number{float:none;font-size:36px;font-weight:600;line-height:1;margin:0 0 6px}.steps article:nth-child(2) .step-number{color:var(--blue)}.steps article:nth-child(3) .step-number{color:var(--ink)}
.steps h3{margin:22px 0 18px}.steps p{margin-bottom:25px}.steps .step-detail{margin-top:auto;padding-top:20px;border-top:1px solid var(--rule);min-height:70px}
@media(max-width:1050px) and (min-width:761px){.steps{gap:16px}.steps article{padding-inline:17px}}
@media(max-width:760px){.problem{padding-block:55px}.reading-art{max-height:230px;margin-top:22px}.steps{gap:25px}.steps article{padding:25px}.ribbon{justify-content:flex-start}.ribbon i{width:auto;text-align:left}.steps .step-detail{min-height:0}}

/* Beta invitation form, matching the landing page palette. */
#beta-dialog{width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:40px}
#beta-dialog [hidden]{display:none!important}
#beta-dialog .eyebrow{padding-right:20px}
#beta-dialog h2{margin-bottom:18px}
#beta-form label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:18px}
#beta-form input:not([type=hidden]){display:block;width:100%;min-width:0;background:var(--paper);border:1px solid var(--rule);color:var(--ink);border-radius:0;padding:12px 13px;font:16px/1.4 DM,Arial,sans-serif;margin-top:7px}
#beta-form input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#beta-form .form-note{font-size:13px;line-height:1.5;color:var(--body);margin-bottom:20px}
.beta-submit{width:100%}.beta-submit:disabled{opacity:.7;cursor:wait;transform:none}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#beta-status{font-size:16px;line-height:1.6;color:var(--ink);margin:20px 0 0}
@media(max-width:480px){#beta-dialog{padding:32px 24px}#beta-dialog h2{font-size:40px}.name-fields{grid-template-columns:1fr;gap:0}}

/* Keep the waveform compact and unbroken on narrow screens. */
.signal{white-space:nowrap;flex-shrink:0}
@media(max-width:760px){.programme-top .signal{font-size:16px;letter-spacing:1px;line-height:1}.programme-top .eyebrow{min-width:0}}