:root{--layer-bg:#101e30;--layer-panel:#15283c;--layer-line:#2d425a;--layer-text:#edf2f7;--layer-muted:#acbdd0;--layer-accent:#f4ac70}
body.layered{margin:0;background:var(--layer-bg);color:var(--layer-text);font:16px/1.65 'DM Sans',sans-serif;overflow-x:clip}
.layered *{box-sizing:border-box}.layered [hidden]{display:none!important}.layered a{color:inherit}.layered button,.layered input{font:inherit}
.layer-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:34px;max-width:none;padding:17px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--layer-line);background:#101e30f5;backdrop-filter:blur(14px)}
.layer-brand{font:500 20px Manrope,sans-serif;letter-spacing:.11em;text-decoration:none;white-space:nowrap}.layer-header nav{display:flex;gap:6px;flex:1}.layer-header nav a{padding:8px 14px;text-decoration:none;white-space:nowrap;font-size:14px;border-radius:9px}.layer-header nav a[aria-current=page]{background:#243b51;color:#ffd0a7}.layer-header nav a:hover{background:#203448}
.layer-header .journey-guide-sound,.layer-sound-toggle{position:static!important;min-height:38px!important;min-width:0!important;white-space:nowrap;padding:7px 11px!important;border:1px solid #526982!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font:12px/1.3 'DM Sans',sans-serif!important;color:#c6d3e2!important}
.layered #content{max-width:1200px;margin:auto;padding:0 28px}.layered h1{font:500 clamp(36px,4.5vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 22px;max-width:950px}.layered h2{font:500 25px/1.25 Manrope,sans-serif;letter-spacing:-.025em}.layered p{color:var(--layer-muted)}.layered .layer-kicker{color:var(--layer-accent);font-size:14px;margin:0 0 12px;letter-spacing:0;text-transform:none}.layered a:focus-visible,.layered button:focus-visible,.layered summary:focus-visible{outline:2px solid var(--layer-accent);outline-offset:4px}
.layer-page-intro{padding:48px 0 24px;max-width:850px}.layer-page-intro>p:not(.layer-kicker){font-size:18px;max-width:700px}.layer-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;padding-top:25px;font-size:13px;color:var(--layer-muted)}.layer-breadcrumb a{text-decoration:none}.layer-breadcrumb+a,.layer-breadcrumb+.layer-page-intro{padding-top:25px}.layer-breadcrumb a:hover{text-decoration:underline}.layer-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;background:var(--layer-accent);color:#142234!important;border-radius:9px;text-decoration:none;font-size:15px;font-weight:500;margin-top:8px}
.layer-home{padding-top:44px}.layer-opening{max-width:920px}.layer-opening>p:not(.layer-kicker){font-size:19px;max-width:690px;line-height:1.6}.layer-welcome{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;margin-top:36px}.layer-video{margin:0;width:100%;max-width:480px;align-self:start}.layer-video video{width:100%;height:auto;aspect-ratio:1088/704;display:block;object-fit:contain;background:transparent;mask-image:radial-gradient(ellipse 70% 75% at 50% 42%,#000 40%,transparent 76%)}.layer-video video::-webkit-media-controls-panel{mask-image:none}.layer-caption{color:var(--layer-accent)!important;font-size:14px;line-height:1.5;min-height:3em;margin:8px 0;max-height:6em;overflow:auto}.layer-video-note{font-size:12px;text-align:center;margin:8px 0}.layer-paths{display:grid;gap:0}.layer-paths>.layer-kicker{margin-bottom:6px}.layer-card{display:block;text-decoration:none;padding:24px;border:1px solid var(--layer-line);border-radius:14px;background:#14273a;transition:background .15s,border-color .15s}.layer-card:hover{background:#1b334a;border-color:#a47c60}.layer-card h2{margin:4px 0 10px;font-size:25px}.layer-card p{margin:0;font-size:15px;line-height:1.55}.layer-card-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--layer-accent);min-height:18px}.layer-card-top>span{margin-left:auto}.layer-paths .layer-card{border:0;border-bottom:1px solid var(--layer-line);border-radius:0;background:none;padding:16px 0;position:relative}.layer-paths .layer-card:first-of-type{padding-top:8px}.layer-paths .layer-card h2{font-size:24px;margin:0 0 7px}.layer-paths .layer-card-top{position:absolute;right:0;top:18px}.layer-paths .layer-card:first-of-type .layer-card-top{position:static;margin-bottom:6px}.layer-paths .layer-card:first-of-type h2{color:#ffbd88}.layer-boundary{font-size:13px;max-width:850px;margin:35px 0 0;padding-top:20px;border-top:1px solid var(--layer-line)}
.layer-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 40px}.layer-next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--layer-line);padding:25px 0;margin-top:35px;font-size:15px}.layer-next a{text-decoration:none;color:#ffd0a7}.layer-next a:hover{text-decoration:underline}.layer-footer{display:flex;gap:25px;flex-wrap:wrap;max-width:1200px;margin:35px auto 0;padding:28px;color:#8196ae;font-size:12px;border-top:1px solid var(--layer-line)}.layer-footer span{margin-right:auto}.layer-footer a{text-decoration:none}.layer-welcome-more{margin:30px 0;max-width:650px}.layer-welcome-more summary,.layer-prompt summary{cursor:pointer;min-height:46px;display:list-item;padding:12px 0;color:#ffd0a7}.layer-welcome-more .layer-video{margin-top:18px}.layer-archive-link{display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid var(--layer-line);padding:30px 0}.layer-archive-link h2{margin:0 0 10px}.layer-archive-link p{max-width:650px}.layer-archive-link .layer-primary{flex-shrink:0}
.layer-chapter-menu{margin:22px 0 0;border:1px solid var(--layer-line);border-radius:10px;padding:0 16px}.layer-chapter-menu summary{cursor:pointer;min-height:48px;padding:11px 0;font-size:15px}.layer-chapter-menu nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0 16px}.layer-chapter-menu a{padding:10px;border-radius:6px;text-decoration:none;font-size:14px}.layer-chapter-menu a[aria-current=page]{background:#284057;color:#ffd0a7}.layer-story-page #content{max-width:1080px}.layer-reader-intro{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:30px;margin:28px 0}.layer-reader-intro>.layer-kicker{font-size:28px}.layer-reader-intro .layer-video{max-width:380px}.layer-story-page .story-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;padding:20px 0!important;margin:0!important;min-height:0!important;border:0!important}.layer-story-page .story-panel[hidden]{display:none!important}.layer-story-page .story-copy h3{font:500 38px/1.17 Manrope,sans-serif!important;letter-spacing:-.025em;max-width:none}.layer-story-page .story-copy p{font-size:16px;line-height:1.75}.layer-story-page .story-copy{max-width:none}.layer-story-page .story-panel>div{min-width:0}.layer-story-page .story-panel .story-visual{min-height:280px!important}.layer-story-page .story-panel a[href^="#"]{color:#ffd0a7}.layer-story-page .story-panel .next-act{display:none}.layer-story-page .story-panel .how-lab{margin-top:25px}
.layer-lesson-page #content{max-width:850px}.layer-lesson{max-width:740px;margin:0 auto}.layer-lesson h4{font:500 23px/1.3 Manrope,sans-serif;margin:35px 0 10px}.layer-lesson>p{font-size:17px;line-height:1.75}.layer-lesson .how-label{font-size:13px;border-left:2px solid #f4ac70;padding-left:16px;margin-bottom:26px}.layer-prompt{border-block:1px solid var(--layer-line);margin:22px 0}.layer-prompt blockquote{margin:0 0 20px;padding:18px 22px;background:var(--layer-panel);border-radius:8px;border-left:2px solid var(--layer-accent);font-size:16px}.layer-example{padding:20px 24px;border:1px solid var(--layer-line);border-radius:12px;background:#15283c}.layer-example h4{margin:0 0 12px}.layer-example p{margin:0}.layer-lesson>a{display:inline-block;margin-top:25px;color:#ffd0a7}
.layer-demo-page #content{max-width:1480px}.layer-demo-page .layer-page-intro{padding-bottom:0}.layer-demo-page .layer-page-intro h1{font-size:44px}.layer-demo-page .motion-exhibit{padding:10px 0 0!important;margin:0;max-width:none}.layer-demo-page .motion-exhibit>h2,.layer-demo-page .motion-exhibit>p,.layer-demo-page .motion-heading{display:none}.layer-demo-page .handoff{margin:15px 0 0;padding:20px 0 24px;border-bottom:1px solid var(--layer-line)}.layer-demo-page .handoff h3{font-size:25px}.layer-demo-page .handoff-stage{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.layer-demo-page .handoff-stage>div{max-width:720px}.layer-demo-page .handoff #handoff-caption{font-size:16px;min-height:0}.layer-demo-page .handoff>small{display:block;font-size:12px}.layer-demo-page .instrument-tourbar{max-width:100%;margin-top:20px}.layer-demo-page .guide-instruction{max-height:150px;overflow:auto}.layer-demo-page .ancron-caption{scroll-margin-top:110px}
.layer-archive-page .intro-bottom{font-size:10px;letter-spacing:0;display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;color:#94a9c1}.layer-archive-page .shell{max-width:none;padding:0}.layer-archive-page .history-layout{display:block;margin:0}.layer-archive-page .history-index{display:none}.layer-archive-page .history-layout>aside{display:none}.layer-archive-page #chapters{max-width:100%;padding:0}.layer-archive-page #chapters>h2,.layer-archive-page #chapters>.section-label,.layer-archive-page .era-heading{display:none}.layer-archive-page .chapter{margin:0;border-top:1px solid var(--layer-line);background:transparent;scroll-margin-top:105px}.layer-archive-page .chapter>summary{padding:22px 12px}.layer-archive-page .chapter .chapter-title{font-size:24px}.layer-archive-page .chapter-body{max-width:820px;margin:auto}.layer-archive-page #expand-all{display:none!important}.layer-archive-page .archive-tools{margin:15px 0 25px}.layer-archive-page .layer-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0}.layer-pagination button,.layer-archive-back{border:1px solid #526982;background:#15283c;color:#edf2f7;border-radius:9px;padding:10px 16px;min-height:44px;cursor:pointer}.layer-pagination button:disabled{opacity:.35}.layer-archive-back{margin:10px 0 20px}.layer-archive-page .layer-entry-mode #archive-controls,.layer-archive-page .layer-entry-mode #search-status,.layer-archive-page .layer-entry-mode .layer-pagination{display:none!important}.layer-archive-page .layer-entry-mode .chapter>summary{pointer-events:none}.layer-entry-mode .chapter>summary::after{display:none}.layered :target{scroll-margin-top:110px}.layer-volume-note{position:fixed;z-index:60;bottom:18px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 28px));padding:15px 18px;background:#233c52;border:1px solid #819bb3;border-radius:12px;font-size:14px;box-shadow:0 12px 35px #0006;color:#fff}
@media(max-width:700px){.layer-header{display:grid;grid-template-columns:1fr auto;padding:12px 14px 8px;gap:9px}.layer-brand{font-size:18px}.layer-header nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.layer-header nav a{font-size:12px;text-align:center;padding:9px 3px}.layer-sound-slot{grid-column:2;grid-row:1}.layered #content{padding:0 18px}.layer-home{padding-top:30px}.layered h1{font-size:36px;line-height:1.14;margin-bottom:18px}.layer-opening>p:not(.layer-kicker){font-size:16px}.layer-welcome{grid-template-columns:1fr;gap:14px;margin-top:22px}.layer-home .layer-video{max-width:280px;margin:auto}.layer-home .layer-video video{max-height:180px}.layer-home .layer-caption{font-size:12px}.layer-paths .layer-card h2{font-size:22px}.layer-paths .layer-card p{font-size:14px}.layer-boundary{margin-top:24px}.layer-page-intro{padding:30px 0 12px}.layer-page-intro>p:not(.layer-kicker){font-size:16px}.layer-chapter-grid{grid-template-columns:1fr;gap:10px;margin:18px 0 28px}.layer-card{padding:18px}.layer-card h2{font-size:22px}.layer-card p{font-size:14px}.layer-card-top{font-size:11px}.layer-next{font-size:14px;gap:20px;margin-top:25px}.layer-footer{padding:22px 18px;margin-top:20px;gap:15px;font-size:11px}.layer-footer span{width:100%}.layer-archive-link{display:block;padding:22px 0}.layer-chapter-menu nav{grid-template-columns:1fr 1fr}.layer-reader-intro{grid-template-columns:1fr;gap:5px;margin-top:24px}.layer-reader-intro>.layer-kicker{font-size:23px;margin:0}.layer-reader-intro .layer-video{max-width:280px;margin:auto}.layer-story-page .story-panel{grid-template-columns:1fr!important;gap:28px!important;padding-top:0!important}.layer-story-page .story-copy h3{font-size:31px!important}.layer-story-page .story-copy p{font-size:16px}.layer-story-page .story-visual{min-height:250px!important;max-width:100%;overflow:hidden}.layer-lesson>p{font-size:16px}.layer-lesson h4{font-size:22px}.layer-demo-page .layer-page-intro h1{font-size:34px}.layer-demo-page .handoff-stage{display:block}.layer-demo-page .handoff video{width:140px;height:117px;margin:0 auto 10px}.layer-demo-page .handoff-stage>div>small{font-size:12px}.layer-demo-page .handoff h3{font-size:24px}.layer-demo-page .handoff #handoff-caption{font-size:15px;line-height:1.6}.layer-demo-page .motion-exhibit{padding:0!important}.layer-demo-page .instrument-tourbar button{font-size:13px}.layer-archive-page .chapter>summary{padding:18px 2px}.layer-archive-page .chapter .chapter-title{font-size:22px}.layer-archive-page .chapter-body{padding:12px 0}.layer-archive-page .chapter-body p{font-size:16px}.layer-archive-page .intro-bottom{font-size:9px}.layer-pagination{font-size:13px}.layer-breadcrumb{font-size:12px;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.layered *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.layer-play{display:block;margin:4px auto 12px;min-height:42px;padding:9px 18px;border:1px solid #59728a;border-radius:9px;background:#172b40;color:#e5eef7;font:14px/1.4 "DM Sans",sans-serif;cursor:pointer}

.layer-reader-intro{grid-template-columns:1fr 300px;gap:40px;margin:22px 0 18px}.layer-reader-intro h1{font-size:44px}.layer-reader-intro .layer-video{max-width:300px}.layer-reader-intro .layer-kicker{font-size:14px}.layer-story-page .story-panel>.story-art{grid-column:1!important;grid-row:1!important}.layer-story-page .story-panel>.story-copy{grid-column:2!important;grid-row:1!important}.layer-story-page .story-art{padding-top:0}.layer-story-page .scene{stroke:#8ca7c2}.layer-story-page .scene text{fill:#afc3d8}.layer-story-page .scene .copper{stroke:#f4ac70}.layer-story-page .story-copy>.eyebrow{display:none}.layer-story-page .story-copy>p:first-of-type{margin-top:0}
.layer-archive-page .history-head,.layer-archive-page #archive-controls h2,.layer-archive-page #archive-controls>p{display:none}.layer-archive-page .chapter:not([open]) .chapter-lesson{display:none}.layer-archive-page .chapter:not([open]) .chapter-deck{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layer-archive-page .intro-bottom{margin:0}.layer-archive-page .intro-bottom span{width:auto!important;text-align:left!important}.layer-archive-page #archive-controls{margin:16px 0;padding:0}.layer-archive-page .chapter:not([open])>summary{min-height:0}.layer-archive-page .chapter:not([open]) .chapter-number{display:none}
.layer-home .layer-opening .layer-primary{margin-top:0;margin-bottom:4px}.layer-demo-page>.layer-breadcrumb{display:none}
@media(max-width:700px){.layer-reader-intro{grid-template-columns:1fr;gap:10px}.layer-reader-intro h1{font-size:34px;margin:4px 0 8px}.layer-reader-intro .layer-video{max-width:250px}.layer-story-page .story-panel>.story-copy{grid-column:1!important;grid-row:1!important}.layer-story-page .story-panel>.story-art{grid-column:1!important;grid-row:2!important;display:block;margin-top:20px}.layer-story-page .story-art .scene{max-height:200px}.layer-story-page .story-art .narrator-aside{font-size:20px}.layer-archive-page .chapter:not([open]) .chapter-deck{font-size:14px}.layer-archive-page .chapter:not([open]) .chapter-lesson{display:none}.layer-demo-page .layer-breadcrumb{display:none}.layer-home .layer-welcome{margin-top:15px}.layer-home .layer-video{max-width:250px}.layer-home .layer-video video{max-height:150px}.layer-home .layer-caption{min-height:2em}.layer-home .layer-video-note{font-size:11px}.layer-home .layer-opening>p{margin-bottom:18px}}

.layer-compare{min-height:44px;padding:9px 15px;margin:5px 0 18px;border:1px solid #748da5;border-radius:8px;background:transparent;color:#ffd0a7;cursor:pointer}

/* Mask the containing stage so the native video poster remains visible before playback. */
.layer-video-stage{mask-image:radial-gradient(ellipse 70% 75% at 50% 42%,#000 40%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 42%,#000 40%,transparent 76%)}.layer-video .layer-video-stage video{mask-image:none;-webkit-mask-image:none}