@font-face{font-family:"Kairon Bodoni 72";src:local("Bodoni 72 Book"),local("BodoniSvtyTwoITCTT-Book");font-weight:400;font-display:swap}
@font-face{font-family:"Kairon Helvetica Neue";src:local("Helvetica Neue"),local("HelveticaNeue");font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#F7F3EB;--white:#FCFCF9;--ink:#20221F;--brown:#665032;--pink:#F4B1CB;--aqua:#9FCFCB;--sky:#6B90C0;--serif:"Kairon Bodoni 72","Bodoni 72",Didot,serif;--sans:"Kairon Helvetica Neue","Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #244E76;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:9;padding:12px;background:white}.skip:focus{top:10px}
.editorial-header{display:flex;align-items:center;gap:32px;padding:20px 4.5vw;background:var(--white);border-bottom:1px solid #d9d8d0}.brand{display:flex;align-items:center;gap:12px}.brand img{height:49px;width:auto;display:block}.brand>span{font:26px/1 var(--serif);letter-spacing:.1em}.brand small{display:block;font:7px/1 var(--sans);letter-spacing:.28em;margin-top:7px}.study-label{margin-left:auto;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.header-reading{font-size:10px;border-bottom:1px solid;padding:5px 0}
.cover{display:grid;grid-template-columns:46% 54%;align-items:stretch}.contents-page{background:var(--white);padding:46px 5vw 40px 4.5vw}.contents-rule{border-left:1px solid var(--ink);padding-left:30px;min-height:100%}.eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}.contents-page h2{font:58px/1 var(--serif);letter-spacing:-.025em;margin-top:15px}.contents-intro{font-size:12px;line-height:1.6;margin-top:20px;margin-bottom:25px}.contents-nav{position:relative;isolation:isolate;margin-left:38px}.contents-nav::before{content:"";position:absolute;inset:0;background:url('assets/sequence-piano-andrey-k.jpg') 53% 52%/cover;filter:grayscale(1);z-index:-1}.contents-nav ol{list-style:none;margin:0;padding:15px 0 38px}.contents-nav li{padding-bottom:13px}.contents-nav a{display:flex;align-items:center;gap:16px;background:var(--white);min-height:32px;line-height:1.3;font-size:11px;padding:6px 0;position:relative}.contents-nav a>span:first-child{font-size:9px;position:absolute;left:-38px;top:0;bottom:0;width:38px;background:var(--white);display:flex;align-items:center}.contents-nav a>span:nth-child(2){flex:1}.contents-nav b{font-size:12px;font-weight:400;padding-right:9px}.contents-nav a:hover>span:nth-child(2){text-decoration:underline;text-underline-offset:4px}.contents-all{display:flex;justify-content:space-between;margin-top:22px;font-size:10px;border-bottom:1px solid #b4b3ab;padding-bottom:8px}
.colour-page{background:var(--brown);color:var(--pink);padding:42px 4.5vw 35px;position:relative}.colour-page h1{font:clamp(37px,3.2vw,53px)/1.07 var(--serif);letter-spacing:-.025em;margin-top:19px;max-width:540px}.cover-core{font-size:12px;line-height:1.6;max-width:43ch;color:#F5D8DB;margin-top:18px;margin-bottom:26px}.mood-window{height:350px;position:relative;overflow:hidden;background:var(--aqua)}.mood-window img{position:absolute;width:133.333%;height:auto;max-width:none;left:-3.33%;top:-72%;display:block}.mood-figure figcaption{font-size:8px;line-height:1.5;margin-top:8px;color:#f6d7d7}.cover-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.cover-foot>p{font:20px/1.2 var(--serif);max-width:245px}.finish-preview{display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.3}.finish-preview img{display:block;height:142px;width:auto;background:white}.finish-preview small{display:block;font-size:8px;margin-top:9px}
.reader{padding:65px 7vw 55px;max-width:1440px;margin:0 auto}.reader-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.reader h2{font:43px/1.08 var(--serif);letter-spacing:-.02em;margin-top:14px}.reader-tools{display:flex;gap:16px;flex-wrap:wrap;font-size:10px}.reader-tools button,.reader-tools a{background:none;border:0;border-bottom:1px solid #8a8172;padding:6px 0;color:var(--ink);cursor:pointer}.story-section{border-top:1px solid #a7a092;scroll-margin-top:24px}.story-section:last-child{border-bottom:1px solid #a7a092}.story-section>summary{display:flex;gap:28px;align-items:center;list-style:none;cursor:pointer;padding:21px 0}.story-section>summary::-webkit-details-marker{display:none}.section-number{width:25px;flex-shrink:0;font-size:10px;color:var(--brown)}.summary-text{display:flex;align-items:baseline;gap:30px;flex:1}.summary-text>span{font:26px/1.2 var(--serif)}.summary-text small{font-size:10px;color:#675e50}.story-section>summary>b{font-size:22px;font-weight:300;transition:transform .15s}.story-section[open]>summary>b{transform:rotate(45deg)}.section-content{max-width:760px;margin:10px 45px 40px 53px;font-size:16px;line-height:1.8}.section-content>p+p{margin-top:19px}.section-content>h3{font:32px/1.12 var(--serif);margin:30px 0 19px}.section-content>h3:first-child{margin-top:0}.section-content .display-heading{font-size:41px;margin:17px 0 25px}.section-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brown)}blockquote{font:30px/1.2 var(--serif);border-left:3px solid var(--aqua);padding-left:24px;margin:32px 0}.foundation{margin:28px 0 0}.foundation>div{padding:16px 0}.foundation dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brown);margin-bottom:5px}.foundation dd{margin:0;font:24px/1.4 var(--serif);max-width:600px}.principles-list,.fundamentals-list,.path-details{padding-left:23px;margin:0}.principles-list li{padding:11px 0 11px 10px}.fundamentals-list li,.path-details li{padding:15px 0 19px 10px}.fundamentals-list h3,.path-details h3{font-size:16px;font-weight:500;margin:0 0 8px}.fundamentals-list p,.path-details p{font-size:15px;line-height:1.8}.path-details p+p{margin-top:14px}.status-note{font-size:12px;color:#675e50;margin-top:22px}.back-to-contents{display:inline-block;font-size:10px;border-bottom:1px solid;margin-top:25px}.closing{padding-top:42px}.closing h2{font-size:39px}.closing p{font-size:10px;margin-top:22px;color:#675e50}
.symbol-study{background:#e8f0ed;padding:60px 7vw 50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 60px;align-items:start}.symbol-heading h2{font:43px/1.06 var(--serif);letter-spacing:-.02em;margin:17px 0 22px}.symbol-heading>p:last-child{font-size:12px;line-height:1.7;max-width:34ch}.key-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.key-stage{height:330px;background:white;display:flex;align-items:center;justify-content:center;padding:22px}.key-stage img{max-width:100%;height:100%;object-fit:contain;display:block}.key-comparison figcaption{font-size:10px;margin-top:11px}.key-comparison figcaption span{font-size:9px;margin-right:12px;color:#665032}.material-note{grid-column:2;font-size:11px;line-height:1.6;max-width:70ch}.symbol-study>.back-to-contents{grid-column:1;margin-top:0;justify-self:start}
.editorial-footer{background:var(--brown);color:#f3d9df;padding:28px 4.5vw 35px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;font-size:9px;line-height:1.6}.editorial-footer>span{letter-spacing:.1em}.editorial-footer details{max-width:600px}.editorial-footer summary{cursor:pointer}.editorial-footer p{font-size:11px;margin-top:15px}.editorial-footer p a{text-decoration:underline;text-underline-offset:3px}.editorial-footer>a{white-space:nowrap}
@media(min-width:1600px){.cover{max-width:1600px;margin:auto}.mood-window{height:340px}.contents-page h2{font-size:68px}}
@media(max-width:1100px){.cover{grid-template-columns:46% 54%}.contents-page{padding:35px 28px}.contents-rule{padding-left:20px}.contents-page h2{font-size:48px}.contents-nav{margin-left:28px}.contents-nav a>span:first-child{left:-28px;width:28px}.contents-nav a{font-size:10px}.colour-page{padding:35px 28px}.colour-page h1{font-size:38px}.mood-window{height:270px}.mood-window img{top:-25%}.cover-foot{gap:15px}.cover-foot>p{font-size:17px}.finish-preview{gap:10px;font-size:10px}.finish-preview img{height:110px}.summary-text{display:block}.summary-text small{display:block;margin-top:6px}.symbol-study{gap:25px}.key-stage{height:270px}}
@media(max-width:700px){
 .editorial-header{padding:17px 22px;gap:16px}.brand img{height:40px}.brand>span{font-size:23px}.study-label{font-size:7px;max-width:92px;text-align:right}.header-reading{display:none}
 .cover{grid-template-columns:1fr}.contents-page{padding:32px 24px 30px}.contents-rule{padding-left:19px}.contents-page h2{font-size:52px;margin-top:14px}.contents-intro{margin-top:15px;margin-bottom:24px}.contents-nav{margin-left:29px}.contents-nav a{font-size:11px;min-height:31px}.contents-nav a>span:first-child{width:29px;left:-29px}.contents-nav li{padding-bottom:11px}.contents-nav ol{padding-bottom:26px}.contents-all{margin-top:18px}
 .colour-page{padding:32px 24px 28px}.colour-page h1{font-size:39px;margin-top:17px}.cover-core{font-size:12px;margin-top:18px;max-width:36ch}.mood-window{height:290px}.mood-window img{top:-9%}.cover-foot>p{font-size:18px}.finish-preview img{height:120px}.finish-preview>span{display:none}.mood-figure figcaption{font-size:7px}
 .reader{padding:40px 24px}.reader-heading{display:block;margin-bottom:25px}.reader h2{font-size:34px}.reader-tools{margin-top:22px;font-size:9px;gap:15px}.story-section>summary{padding:20px 0;gap:13px}.section-number{width:20px;font-size:9px}.summary-text>span{font-size:23px}.summary-text small{font-size:9px;max-width:26ch;line-height:1.5}.section-content{margin:12px 0 30px 0;font-size:15px;line-height:1.8}.section-content .display-heading{font-size:34px}.section-content>h3{font-size:28px}blockquote{font-size:26px;padding-left:17px}.foundation dd{font-size:23px}.fundamentals-list p,.path-details p{font-size:14px}.closing h2{font-size:32px}
 .symbol-study{padding:38px 24px;grid-template-columns:1fr;gap:25px}.symbol-heading h2{font-size:35px}.key-comparison{gap:12px}.key-stage{height:260px;padding:14px}.key-comparison figcaption{font-size:9px}.key-comparison figcaption span{display:block;margin:0 0 3px}.material-note{grid-column:1;font-size:10px}.symbol-study>.back-to-contents{grid-column:1}
 .editorial-footer{padding:25px 24px;display:grid;grid-template-columns:1fr auto;gap:20px}.editorial-footer details{grid-column:1/-1;grid-row:2}.editorial-footer>span{font-size:8px}
}
@media(max-width:350px){.contents-page,.colour-page,.reader,.symbol-study{padding-inline:19px}.colour-page h1{font-size:34px}.mood-window{height:250px}.key-stage{height:220px}.summary-text>span{font-size:21px}.section-content .display-heading{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-section>summary>b{transition:none}}