/* The editorial layer: each product keeps its own pace, artwork, and story. */
.editorial-page { --story-space: 96px; }
.editorial-page button { font: inherit; cursor: pointer; touch-action: manipulation; }
.editorial-page button:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.editorial-page [hidden] { display: none !important; }
.editorial-page .product-facts { margin-top: 0; padding-block: 27px; }
.product-intro { padding-block: 73px 36px; }
.product-intro .editorial-heading { gap: 85px; }
.story-section { padding-block: var(--story-space); }
.story-heading { max-width: 770px; margin-bottom: 38px; }
.story-heading .eyebrow { margin-bottom: 17px; }
.story-heading h2 { font-size: clamp(34px, 4vw, 58px); line-height: 1.08; letter-spacing: -2.2px; }
.story-heading > p:last-child:not(.eyebrow) { max-width: 620px; font-size: 16px; line-height: 1.8; color: var(--muted); margin-top: 23px; }
.story-heading.centered { text-align: center; margin-inline: auto; }
.story-heading.centered > p { margin-inline: auto; }
.story-split { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 76px; }
.story-split .story-heading { margin: 0; }
.split-media { min-width: 0; }
.split-media > img { width: 100%; height: auto; border-radius: 22px; }
.soft-band { background: var(--wash); }
.warm-band { background: #f2ecdf; }
.ink-band { background: #18221d; color: #f9faf4; }
.ink-band .story-heading > p:last-child:not(.eyebrow), .ink-band .editorial-cards p { color: #bdc8bd; }
.ink-band .eyebrow { color: #d4be92; }
.ink-band .editorial-cards article { border-color: #405047; }
.ink-band .card-glyph { color: #dbbc91; }
.product-transcribe .ink-band { background: #121112; }
.product-vecta .ink-band { background: #13272c; }
.product-whisker-way .ink-band { background: #191222; }
.product-banooza-rush .ink-band { background: #0a1526; }
.story-section + .story-section:not(.soft-band):not(.ink-band):not(.warm-band):not(.felt-band):not(.radio-band) { padding-top: 65px; }
.editorial-hero { padding-block: 65px 58px; }
.hero-split { display: grid; grid-template-columns: .92fr 1.08fr; gap: 55px; align-items: center; }
.hero-narrative h1 { font-size: clamp(46px,4.7vw,67px); text-align:left; letter-spacing:-3px; margin-top:19px; }
.hero-narrative > .eyebrow { margin-top:31px; font-size:9px; }
.hero-narrative > p:not(.eyebrow) { font-size:17px; line-height:1.75; color:var(--muted); margin-top:26px; max-width:440px; }
.hero-narrative .primary-button { margin-top:27px; }
.hero-platform { display:block; font-size:10px; color:var(--muted); margin-top:20px; }
.hero-split figure { min-width:0; }
.hero-split figure > figcaption { font-size:9px; line-height:1.5; color:var(--muted); text-align:center; margin-top:13px; }
.editorial-hero .visual-stage { height:530px; }
.editorial-hero .device-note { left:auto; right:18px; padding:19px; }
.editorial-hero .device-note strong { font-size:29px; }
.editorial-hero .device-note > span { font-size:10px; }
.editorial-hero .product-phone { left:calc(50% - 155px); }
.editorial-hero .demo-window { width:95%; height:370px; margin-top:0; }
.editorial-hero .ledger-layout aside { display:none; }
.editorial-hero .ledger-main { padding:25px 20px; }
.editorial-hero .ledger-metrics strong { font-size:23px; }
.editorial-hero .places-demo { display:block; width:80%; }
.editorial-hero .places-heading { font-size:32px; text-align:center; margin-bottom:30px; }
.editorial-hero .places-grid { gap:14px; }
.editorial-hero .places-grid > div { padding:26px 20px; }
.editorial-hero .card-fan { transform:translateY(24px) scale(.87); }
.editorial-hero .market-demo { padding:28px 23px; }
.editorial-hero .market-demo>svg { height:110px; }
.editorial-hero .market-bottom { gap:22px; }
.cinematic-hero { min-height:730px; height:calc(100svh - 72px); max-height:1000px; position:relative; isolation:isolate; color:#fff8e9; display:flex; align-items:center; background:#11121e; overflow:hidden; }
.cinematic-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.cinematic-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#090a17e6 0%,#090a17ae 35%,#090a1740 72%),linear-gradient(0deg,#090a179c,transparent 35%); }
.cinematic-copy { padding-top:0; padding-bottom:50px; }
.cinematic-copy .eyebrow { color:#f2d4a4; font-size:10px; }
.cinematic-copy h1 { font-size:clamp(64px,7.4vw,105px); line-height:1.015; letter-spacing:-5px; max-width:800px; margin:26px 0 0; font-weight:550; }
.cinematic-copy h1 em { color:#ecca98; font-style:normal; }
.cinematic-copy>p:not(.eyebrow) { max-width:455px; margin-top:30px; font-size:17px; line-height:1.8; color:#e9e0d5; }
.cinematic-copy .primary-button { background:#efd5aa; color:#211b12; margin-top:33px; }
.cinematic-copy .primary-button:hover { background:#fff1d8; }
.cinematic-caption { position:absolute; left:50%; transform:translateX(-50%); bottom:27px; display:flex; align-items:center; justify-content:space-between; gap:25px; font-size:10px; color:#e3d9ce; }
.product-banooza-rush .cinematic-shade { background:linear-gradient(90deg,#050b18f0 0%,#050b18cf 30%,#050b1810 78%),linear-gradient(0deg,#050b18ac,transparent 35%); }
.product-banooza-rush .cinematic-copy h1 em { color:#ffdb62; }
.product-banooza-rush .cinematic-copy .primary-button { background:#ffdb62; }
.scribe-hero { background:#111012; color:#faf7f3; text-align:center; padding:70px 0 33px; overflow:hidden; }
.scribe-hero .product-lockup { margin-bottom:26px; }
.scribe-hero .eyebrow { color:#d9b296; font-size:9px; }
.scribe-hero h1 { font-size:clamp(52px,6.4vw,86px); line-height:1.035; letter-spacing:-4px; margin-top:21px; }
.scribe-hero h1 em { color:#d69a73; font-style:normal; }
.scribe-lede { color:#c0b9b5; max-width:590px; font-size:18px; line-height:1.75; margin:27px auto; }
.scribe-hero .primary-button { background:#d4a07e; color:#241a14; margin-top:0; }
.scribe-proof { display:flex; justify-content:center; gap:34px; margin-top:33px; color:#d7c6b9; font-size:11px; }
.scribe-window { margin:48px auto 0; max-width:1050px; }
.scribe-window>img { width:100%; height:auto; border-radius:17px; border:1px solid #55504a; box-shadow:0 20px 70px #0006; }
.scribe-window figcaption { margin-top:17px; font-size:9px; color:#bdb7b2; }
.tour-tabs { display:none; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.product-tour.enhanced .tour-tabs { display:flex; }
.tour-tabs button { background:transparent; border:1px solid #cfd6c7; border-radius:25px; padding:12px 20px; font-size:12px; color:var(--ink); }
.tour-tabs button[aria-selected="true"] { color:white; background:var(--ink); border-color:var(--ink); }
.tour-panel { margin:0 0 36px; }
.product-tour.enhanced .tour-panel { margin-bottom:0; }
.tour-media { background:var(--wash); border:1px solid var(--line); border-radius:22px; overflow:hidden; display:grid; place-items:center; min-height:430px; }
.tour-media>img { width:100%; height:auto; max-height:610px; object-fit:contain; }
.scenic-tour .tour-media { min-height:0; }
.scenic-tour .tour-media>img { height:510px; object-fit:cover; }
.scribe-tour .tour-media { background:#eee8df; }
.scribe-tour .tour-media>img { width:100%; height:auto; max-height:660px; }
.tour-caption { display:flex; align-items:flex-start; gap:23px; padding:27px 3px 0; max-width:820px; }
.chapter-number { font-size:10px; color:var(--accent); border:1px solid #d5dace; border-radius:50%; padding:10px; min-width:35px; height:35px; display:grid; place-items:center; }
.tour-caption h3 { font-size:24px; font-weight:550; letter-spacing:-.65px; line-height:1.2; }
.tour-caption p { font-size:14px; line-height:1.8; color:var(--muted); margin-top:11px; }
.journey-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; list-style:none; margin:40px 0 0; padding:0; }
.journey-steps li { border-top:1px solid var(--line); padding-top:24px; }
.journey-steps li>span { font-size:12px; color:var(--accent); }
.journey-steps h3 { font-size:23px; font-weight:550; letter-spacing:-.6px; margin:22px 0 13px; }
.journey-steps p { font-size:14px; line-height:1.85; color:var(--muted); }
.editorial-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.editorial-cards article { padding-top:27px; border-top:1px solid #cbd4c2; }
.card-glyph { font-size:32px; color:var(--accent); display:block; margin-bottom:25px; line-height:1.3; }
.editorial-cards h3 { font-size:22px; font-weight:550; letter-spacing:-.55px; margin-bottom:15px; }
.editorial-cards p { font-size:14px; line-height:1.8; color:var(--muted); }
.recorder-scene { position:relative; min-height:460px; }
.recorder-device { position:absolute; left:13%; top:0; width:240px; height:460px; border:6px solid #302b2c; border-radius:36px; padding:12px 20px; background:#f8f0e6; box-shadow:0 24px 60px #47312530; transform:rotate(-7deg); text-align:center; }
.recorder-device>small { font-size:7px; letter-spacing:1.2px; color:#786a5f; }
.recorder-device>strong { font-size:25px; font-weight:550; letter-spacing:-.8px; display:block; margin-top:25px; }
.recorder-clock { display:block; font-size:45px; letter-spacing:-2px; font-variant-numeric:tabular-nums; margin-top:30px; }
.recorder-wave { display:flex; align-items:center; justify-content:center; gap:4px; height:55px; margin-top:23px; }
.recorder-wave i { height:var(--wave); width:3px; border-radius:3px; background:#b87950; }
.record-button { display:grid; place-items:center; width:58px; height:58px; border:1px solid #b88e70; border-radius:50%; margin:25px auto 0; }
.record-button>span { width:24px; height:24px; border-radius:5px; background:#a55731; }
.recorder-device>p { font-size:9px; color:#736255; margin-top:24px; }
.bluetooth-note { position:absolute; right:0; top:49%; padding:24px; border-radius:16px; background:#fff9f0e8; border:1px solid #fff; box-shadow:0 12px 30px #47312517; transform:rotate(3deg); }
.bluetooth-note>span { font-size:27px; color:#ab7350; }
.bluetooth-note strong { display:block; font-size:14px; margin-top:12px; font-weight:550; }
.bluetooth-note p { font-size:12px; line-height:1.7; color:#766250; margin-top:10px; }
.local-flow { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:45px; border:1px solid #504642; border-radius:22px; margin-top:42px; background:#ffffff04; }
.local-flow>div>span { font-size:10px; color:#cbaa93; }
.local-flow strong { font-size:24px; display:block; font-weight:550; letter-spacing:-.6px; margin:15px 0 10px; }
.local-flow p { color:#bfb4ae; font-size:12px; }
.local-flow>b { color:#b88e70; font-size:26px; font-weight:400; }
.privacy-bottom { display:flex; align-items:center; gap:25px; margin-top:35px; }
.privacy-bottom strong { font-size:46px; font-weight:500; letter-spacing:-2px; color:#d6ac8f; white-space:nowrap; }
.privacy-bottom>span { color:#c7bfba; font-size:14px; max-width:360px; line-height:1.7; }
.wide-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.wide-feature-grid article { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:22px; }
.wide-feature-grid img { width:100%; height:auto; }
.wide-feature-grid article>div { padding:27px; }
.wide-feature-grid h3 { font-size:23px; font-weight:550; letter-spacing:-.6px; }
.wide-feature-grid p { font-size:14px; line-height:1.75; color:var(--muted); margin-top:13px; }
.ownership-card { background:#fffaf1; padding:36px; border:1px solid #e2d7c9; border-radius:21px; box-shadow:0 20px 40px #6c482110; }
.ownership-card>span { font-size:9px; letter-spacing:1.5px; color:#78654f; }
.ownership-card h3 { font-size:38px; line-height:1.1; letter-spacing:-1.7px; font-weight:550; margin-top:25px; }
.ownership-card dl { margin:30px 0 0; }
.ownership-card dl>div { display:flex; justify-content:space-between; gap:20px; padding:15px 0; border-top:1px solid #e5dacc; font-size:11px; }
.ownership-card dt { color:#6f624f; }
.ownership-card dd { margin:0; }
.cat-cast { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:19px; }
.cat-cast article { background:#f2ecdf; border-radius:20px; overflow:hidden; }
.cat-cast img { width:100%; height:280px; object-fit:cover; object-position:center 30%; }
.cat-cast article>div { padding:24px; }
.cat-cast article>div>span { font-size:9px; text-transform:uppercase; letter-spacing:1px; color:#766049; }
.cat-cast h3 { font-size:26px; font-weight:550; letter-spacing:-.8px; margin-top:11px; }
.cat-cast p { font-size:12px; line-height:1.85; color:#6a604e; margin-top:14px; }
.puzzle-art { position:relative; padding-bottom:60px; }
.puzzle-art>img { width:100%; height:350px; object-fit:cover; border-radius:20px; }
.puzzle-objects { display:flex; gap:14px; justify-content:center; position:relative; margin-top:-60px; }
.puzzle-objects figure { width:29%; padding:10px 10px 16px; border:1px solid #64564f; border-radius:14px; background:#342a36; transform:rotate(-5deg); }
.puzzle-objects figure:nth-child(2) { transform:rotate(4deg); }
.puzzle-objects figure:nth-child(3) { transform:rotate(-1deg); }
.puzzle-objects img { width:100%; height:95px; object-fit:contain; }
.puzzle-objects figcaption { font-size:9px; text-align:center; color:#f1dcc5; margin-top:8px; }
.character-quote { text-align:center; }
.character-quote blockquote { font-family:Georgia,serif; font-size:clamp(28px,3.5vw,47px); line-height:1.4; letter-spacing:-1.3px; color:#624833; margin:28px 0; }
.character-quote>p:last-child { color:#73634f; font-size:12px; line-height:1.7; }
.reel-frame { position:relative; width:min(100%,310px); margin:auto; border:7px solid #334052; border-radius:34px; box-shadow:0 20px 70px #0005; overflow:hidden; }
.reel-frame video { display:block; width:100%; height:auto; aspect-ratio:390/844; object-fit:cover; background:#081627; }
.reel-frame>span { display:block; color:#cedae1; font-size:7px; text-align:center; letter-spacing:1px; padding:13px; background:#172436; }
.carousel { min-width:0; }
.carousel-track { display:flex; gap:20px; overflow-x:auto; padding:3px 3px 24px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#a9b19e transparent; }
.realm-slide { width:285px; flex:0 0 auto; scroll-snap-align:start; position:relative; min-height:445px; border-radius:20px; overflow:hidden; background:#0c182b; color:#fff; }
.realm-slide>img { position:absolute; width:100%; height:100%; object-fit:cover; }
.realm-slide:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#050d20fa,transparent 85%); }
.realm-slide>div { position:absolute; z-index:1; inset:auto 23px 25px; }
.realm-slide>div>span { font-size:9px; color:#f8d891; }
.realm-slide h3 { font-size:25px; font-weight:550; letter-spacing:-.7px; margin-top:15px; }
.realm-slide p { font-size:12px; color:#e5e7ef; line-height:1.6; margin-top:11px; }
.realm-slide small { display:block; font-size:9px; color:#f4d699; margin-top:22px; }
.carousel-controls { display:flex; gap:10px; align-items:center; margin-top:17px; }
.carousel-controls>span { margin-right:auto; font-size:12px; color:var(--muted); }
.carousel-controls button { display:none; width:40px; height:40px; background:#e9ecdf; border:1px solid #d4dcc9; border-radius:50%; font-size:19px; }
.carousel.enhanced .carousel-controls button { display:block; }
.carousel-controls button:disabled { opacity:.4; cursor:default; }
.activity-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.activity-grid article { border-radius:20px; overflow:hidden; background:#fffcf5; }
.activity-grid img { width:100%; height:255px; object-fit:cover; object-position:top; }
.activity-grid article>div { padding:25px; }
.activity-grid article>div>span { font-size:9px; letter-spacing:1px; color:#76623d; text-transform:uppercase; }
.activity-grid h3 { font-size:25px; font-weight:550; letter-spacing:-.6px; margin-top:14px; }
.activity-grid p { font-size:13px; line-height:1.75; color:#6f654f; margin-top:13px; }
.character-section .split-media img { max-height:500px; width:auto; margin:auto; }
/* Reading studies and hands-on previews. */
.paper-preview { width:min(85%,540px); border-radius:15px; background:#fffdf8; border:1px solid #e1dfd0; box-shadow:0 20px 50px #35422715; color:#2e352c; margin:35px auto; overflow:hidden; }
.split-media .paper-preview { width:100%; margin:0; }
.paper-toolbar { display:flex; align-items:center; gap:5px; padding:15px 17px; background:#f1f2e9; border-bottom:1px solid #e1e6d8; }
.paper-toolbar i { width:6px; height:6px; border-radius:50%; background:#adb99d; }
.paper-toolbar>span { margin:auto; font-size:10px; color:#5e6b55; }
.paper-content { padding:25px 30px; }
.paper-footer { padding:15px 20px; border-top:1px solid #e5e8dc; font-size:9px; line-height:1.7; color:#626b58; text-align:center; }
.note-block { padding-block:17px; border-bottom:1px solid #e5e8dc; }
.note-block:last-child { border:0; }
.note-block>span { font-size:8px; letter-spacing:1.3px; color:#69745b; }
.note-block p { font-size:16px; line-height:1.6; margin-top:9px; color:#35422c; }
.question-study { width:min(90%,640px); padding:35px 15px; }
.question-study>span { font-size:9px; letter-spacing:1.5px; color:#80552e; }
.question-study h3 { font-size:38px; font-weight:550; letter-spacing:-1.4px; line-height:1.1; margin:18px 0 30px; }
.question-study>div { background:#fffdf8; border:1px solid #e3d7c3; border-radius:13px; padding:17px 20px; font-size:13px; display:flex; justify-content:space-between; gap:20px; margin-top:11px; line-height:1.6; }
.question-study b { font-weight:400; color:#8f6239; }
.language-wall { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; transform:rotate(-3deg); }
.language-wall>span { display:grid; place-items:center; min-height:64px; background:#fffaf1; border:1px solid #e3d7c8; border-radius:13px; font-size:15px; color:#6b533e; }
.language-wall>span:nth-child(3n+2) { transform:translateY(13px); }
.privacy-triptych { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:50px; }
.privacy-triptych article { border-top:1px solid #4c5a4e; padding-top:26px; }
.privacy-triptych strong { display:block; font-size:35px; font-weight:500; letter-spacing:-1px; }
.privacy-triptych p { color:#c5d0c2; font-size:14px; line-height:1.8; margin-top:19px; max-width:260px; }
.reference-stack { display:flex; flex-direction:column; gap:14px; padding:15px; }
.reference-stack article { background:#edf4f0; padding:26px; border:1px solid #ceded2; border-radius:17px; box-shadow:0 10px 30px #2958440a; }
.reference-stack article:nth-child(2) { margin-left:30px; }
.reference-stack article:nth-child(3) { margin-left:60px; }
.reference-stack article>span { font-size:9px; color:#527366; }
.reference-stack h3 { font-size:23px; font-weight:550; letter-spacing:-.7px; margin-top:11px; }
.reference-stack p { font-size:12px; line-height:1.7; color:#5d7466; margin-top:8px; }
.conversation-study { padding:35px; width:min(90%,560px); }
.conversation-study>span { font-size:9px; letter-spacing:1.6px; color:#905c3b; }
.conversation-study>div { background:#fffdfa; padding:24px 27px; border-radius:20px; border:1px solid #e7d6c5; font-size:24px; font-weight:500; letter-spacing:-.5px; line-height:1.4; margin:13px 0 28px; }
.conversation-study>div:nth-child(4) { margin-left:40px; background:#eddbc7; }
.conversation-study small { display:block; font-size:16px; margin-top:13px; color:#815238; font-weight:400; letter-spacing:0; }
.conversation-study>p { font-size:9px; color:#785d43; line-height:1.8; }
.phrasebook-study { padding:40px 0; width:min(85%,530px); }
.phrasebook-study>span { font-size:9px; letter-spacing:1.5px; color:#826245; }
.phrasebook-study>div { border-bottom:1px solid #ddcbb6; padding:25px 0; }
.phrasebook-study b { display:block; font-size:22px; font-weight:500; letter-spacing:-.4px; }
.phrasebook-study>div>span { display:block; font-size:12px; color:#78644e; margin-top:11px; }
.detail-study>span { font-size:9px; letter-spacing:1px; color:#886b4f; }
.detail-study h3 { font-size:33px; line-height:1.15; font-weight:550; letter-spacing:-1px; margin:25px 0; }
.detail-study>div { display:flex; flex-wrap:wrap; gap:10px; }
.detail-study b { background:#f3e9db; border:1px solid #e0d1bc; padding:12px 15px; font-size:11px; font-weight:400; border-radius:25px; }
.invoice-study>span { font-size:9px; letter-spacing:2px; color:#697456; }
.invoice-study h3 { font-size:40px; font-weight:550; letter-spacing:-1px; margin-top:23px; }
.invoice-study>p { font-size:12px; margin-top:10px; color:#6d775e; margin-bottom:35px; }
.invoice-study>div { display:flex; justify-content:space-between; gap:20px; font-size:13px; padding:19px 0; border-top:1px solid #dee3d3; }
.invoice-study>div strong { font-size:22px; font-weight:550; }
.balanced-entry>div { display:flex; justify-content:space-between; gap:20px; font-size:14px; padding:22px 0; border-bottom:1px solid #dce3d2; }
.balanced-entry>div b { font-size:12px; font-weight:500; color:#4d7048; }
.balanced-entry>strong { display:block; font-size:32px; font-weight:550; letter-spacing:-1px; margin:30px 0 11px; color:#3e613c; }
.balanced-entry>p { font-size:12px; line-height:1.7; color:#657255; }
.workbench-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.workbench-grid article { padding:36px; background:#fffef8; border:1px solid #dce1d2; border-radius:20px; }
.workbench-grid article>span { font-size:10px; color:#637957; }
.workbench-grid h3 { font-size:29px; font-weight:550; letter-spacing:-1px; margin-top:24px; }
.workbench-grid p { font-size:14px; line-height:1.8; color:#67735c; margin-top:17px; max-width:330px; }
.workbench-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
.workbench-tags>b { font-size:10px; font-weight:400; background:#eff3e6; border-radius:17px; padding:8px 12px; color:#516847; }
.market-study { width:100%; padding:45px 55px; background:#162c31; color:#e8f1ea; }
.market-study>div:first-child { display:flex; justify-content:space-between; gap:20px; font-size:8px; letter-spacing:1px; color:#bed2c7; }
.market-study>div:first-child b { font-weight:400; }
.market-study h3 { font-size:43px; font-weight:500; letter-spacing:-1.8px; margin-top:44px; }
.market-bars { display:flex; align-items:flex-end; gap:15px; height:145px; margin-top:20px; border-bottom:1px solid #4b6b65; }
.market-bars i { flex:1; height:var(--height); background:#6d9b88; border-radius:4px 4px 0 0; }
.market-bars i:nth-child(3n) { background:#b5cba9; }
.signal-labels { display:flex; gap:25px; margin-top:25px; font-size:12px; color:#c2d5c9; }
.market-study>small { display:block; margin-top:25px; color:#baccc3; font-size:9px; }
.felt-band { background:#244d40; color:#fff8e8; }
.felt-band .story-heading .eyebrow { color:#e6cda4; }
.felt-band .story-heading>p:last-child { color:#d8e3d5; }
.rule-demo { padding:35px 30px; background:#faf8ee; border:1px solid #e3e2cf; border-radius:22px; color:#2c3b2a; text-align:center; box-shadow:0 20px 40px #1020151a; }
.demo-label { font-size:8px; letter-spacing:1.6px; color:#6a765a; }
.rule-demo h3 { font-size:28px; font-weight:550; letter-spacing:-.7px; margin-top:21px; }
.rule-demo>p { font-size:12px; line-height:1.7; margin-top:17px; color:#667159; }
.mini-card-row,.solitaire-choice { display:flex; align-items:center; justify-content:center; gap:17px; margin-top:28px; }
.mini-card { width:77px; height:111px; padding:12px; border:1px solid #d1d5c4; border-radius:11px; background:#fffdf5; font-size:25px!important; line-height:1.1; font-family:Georgia,serif!important; text-align:left; color:#2a4837; box-shadow:0 6px 14px #2335260a; transition:transform .15s,border-color .15s; }
.mini-card>span { display:block; margin-top:8px; font-size:34px; text-align:center; }
button.mini-card:hover { transform:translateY(-4px); }
.mini-card[aria-pressed="true"] { border:2px solid #406b4b; background:#edf5e4; transform:translateY(-9px); }
.mini-card.red-card { color:#a23f33; }
.demo-actions { display:flex; justify-content:center; gap:12px; margin-top:28px; }
.demo-actions button,.small-reset { border-radius:22px; border:1px solid #c6cdbb; background:#eaf0e1; color:#354c2c; padding:11px 17px; font-size:11px!important; }
.demo-actions button:first-child { background:#365741; color:#fff; border-color:#365741; }
.rule-demo .demo-feedback { min-height:42px; color:#465d3b; font-size:11px; margin-top:23px; }
.lesson-mine-grid { display:grid; grid-template-columns:repeat(3,48px); grid-template-rows:repeat(3,48px); gap:5px; width:max-content; margin:26px auto 0; }
.lesson-mine-grid>span,.lesson-mine-grid>button { display:grid; place-items:center; border-radius:6px; border:1px solid #dedde4; background:#efedf4; color:#534d73; font-size:18px; }
.lesson-mine-grid>button { background:#766e95; color:white; border-color:#766e95; font-weight:600; }
.small-reset { margin-top:9px; }
.actual-game-section .split-media>img { border:8px solid #26332b; box-shadow:0 20px 45px #192c2920; }
.destination-study { width:100%; padding:40px; text-align:center; }
.destination-study>span { font-size:9px; letter-spacing:2px; color:#7e6644; }
.destination-study>div { width:280px; margin:27px auto 0; padding:30px; background:var(--place-colour); border-radius:24px; transform:rotate(-4deg); color:#34412f; box-shadow:0 15px 40px #6d5c2e20; text-align:left; }
.destination-study>div>span { font-size:40px; }
.destination-study h3 { font-size:29px; line-height:1.2; font-weight:550; letter-spacing:-.9px; margin-top:24px; }
.destination-study p { font-size:12px; line-height:1.7; margin-top:14px; color:#506045; }
.destination-study b { display:block; font-size:12px; font-weight:500; margin-top:28px; }
.destination-study>small { display:block; font-size:9px; margin-top:30px; color:#6e644e; }
.personalise-demo { max-width:370px; margin:auto; }
.colour-place { padding:40px; background:#c1d0b4; border-radius:25px; box-shadow:0 20px 45px #33422915; transition:background .2s; }
.colour-place>span { font-size:43px; color:#3f4e35; }
.colour-place h3 { font-size:31px; font-weight:550; letter-spacing:-1px; margin-top:29px; color:#34432c; }
.colour-place p { font-size:14px; line-height:1.7; margin-top:17px; color:#435338; }
.colour-choices { display:flex; gap:15px; justify-content:center; margin-top:26px; }
.colour-choices button { width:38px; height:38px; border:3px solid white; outline:1px solid #8d9780; border-radius:50%; background:var(--swatch); }
.colour-choices button[aria-pressed="true"] { outline:2px solid #374c31; outline-offset:4px; }
.radio-band { background:#f1e4eb; }
.radio-browser { padding:40px; background:#fff9fc; border:1px solid #dfc7d4; border-radius:25px; box-shadow:0 20px 45px #63344715; }
.radio-browser>span { font-size:8px; letter-spacing:2px; color:#8d526e; }
.radio-browser h3 { font-size:37px; line-height:1.1; letter-spacing:-1.3px; font-weight:550; margin-top:29px; }
.radio-browser>p { font-size:14px; line-height:1.7; color:#805e6e; margin-top:18px; min-height:48px; }
.station-choices { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.station-choices button,.timer-study button { border:1px solid #c5a9b9; background:transparent; color:#71445b; border-radius:23px; padding:10px 14px; font-size:10px; }
.station-choices button[aria-pressed="true"] { background:#895372; border-color:#895372; color:white; }
.tuner-lines { height:61px; display:flex; align-items:center; justify-content:center; gap:5px; margin:35px 0; }
.tuner-lines i { width:2px; height:25px; background:#c8a2b6; }
.tuner-lines i:nth-child(5n) { height:50px; background:#a45d84; }
.tuner-lines i:nth-child(18) { height:61px; width:3px; background:#7a3d62; }
.radio-browser>small { color:#79586b; font-size:9px; line-height:1.8; display:block; }
.timer-study { background:#f6edf3; border:1px solid #d7c1cc; padding:35px; border-radius:23px; text-align:center; color:#764763; }
.timer-study>span { font-size:9px; letter-spacing:1.3px; display:block; }
.timer-study>strong { display:block; font-size:100px; letter-spacing:-6px; font-weight:450; margin-top:25px; }
.timer-study>div { display:flex; gap:10px; justify-content:center; margin-top:28px; }
.timer-study button[aria-pressed="true"] { background:#81516d; border-color:#81516d; color:white; }
.timer-study>p { font-size:9px; line-height:1.8; color:#775e6b; margin-top:25px; }
.atlas-hero { padding-top:65px; text-align:center; background:linear-gradient(#fafaf8,#e7eff0); overflow:hidden; }
.atlas-hero h1 { font-size:clamp(54px,6.4vw,82px); line-height:1.05; margin-top:29px; }
.atlas-hero .wrap>p:not(.atlas-caption) { font-size:17px; line-height:1.7; color:#546f79; max-width:540px; margin:25px auto; }
.atlas-hero .primary-button { background:#315a6a; }
.atlas-hero-art { max-width:1060px; margin:40px auto 0; }
.atlas-hero-art svg { width:100%; height:auto; }
.atlas-hero-art path { fill:#8faeb6; stroke:#edf4f3; }
.atlas-caption { font-size:11px; color:#546b70; padding-bottom:28px; }
.atlas-explorer { border:1px solid #c5d8d9; background:#eef5f3; border-radius:24px; overflow:hidden; }
.atlas-choices { display:flex; flex-wrap:wrap; gap:9px; padding:25px 25px 0; }
.atlas-choices button { font-size:12px; border:1px solid #b6cccd; background:#f9fdfb; color:#365d61; padding:11px 20px; border-radius:23px; }
.atlas-choices button[aria-pressed="true"] { color:#fff; background:#35626b; border-color:#35626b; }
.atlas-canvas { padding:0 30px; }
.atlas-canvas svg { width:100%; height:auto; max-height:480px; }
.atlas-canvas path { transition:fill .2s; }
.atlas-canvas path.selected { fill:#356c7b; stroke:#193e4b; stroke-width:1.5px; }
.atlas-detail { display:flex; align-items:center; gap:55px; justify-content:space-between; border-top:1px solid #c5d8d9; padding:28px 35px; background:#e4efed; }
.atlas-detail>div>span { display:block; font-size:11px; color:#456663; margin-bottom:9px; }
.atlas-detail strong { display:block; font-size:29px; line-height:1.2; letter-spacing:-.7px; font-weight:550; }
.atlas-detail small { display:block; font-size:7px; letter-spacing:1.5px; color:#526c69; margin-top:9px; }
.atlas-detail>p { font-size:14px; line-height:1.7; max-width:420px; color:#516e68; }
@media(max-width:1000px){
 .editorial-page{--story-space:75px}.hero-split{gap:30px;grid-template-columns:1fr 1fr}.hero-narrative h1{font-size:48px;letter-spacing:-2.4px}.hero-narrative>p:not(.eyebrow){font-size:15px}.editorial-hero .visual-stage{height:460px}.editorial-hero .product-phone{transform:rotate(-5deg) scale(.86);transform-origin:top center;left:calc(50% - 160px)}.editorial-hero .device-note{right:9px;padding:14px}.editorial-hero .device-note strong{font-size:24px}.editorial-hero .device-note>span{font-size:9px}.story-split{gap:40px;grid-template-columns:1fr 1fr}.story-heading h2{font-size:40px;letter-spacing:-1.5px}.story-heading>p:last-child:not(.eyebrow){font-size:14px}.cinematic-copy h1{font-size:80px;letter-spacing:-4px}.cinematic-copy>p:not(.eyebrow){max-width:400px;font-size:16px}.cat-cast{gap:13px}.cat-cast img{height:225px}.cat-cast article>div{padding:20px}.cat-cast h3{font-size:23px}.cat-cast p{font-size:11px}.recorder-device{left:1%}.bluetooth-note{right:-5px;padding:19px}.activity-grid{gap:17px}.activity-grid img{height:215px}.activity-grid article>div{padding:23px}.product-intro .editorial-heading{gap:40px}.mini-card{width:66px;height:99px}.solitaire-choice{gap:12px}.colour-place{padding:30px}.local-flow{padding:33px;gap:20px}.local-flow strong{font-size:21px}.story-section+.story-section:not(.soft-band):not(.ink-band):not(.warm-band):not(.felt-band):not(.radio-band){padding-top:55px}.editorial-hero .card-fan{transform:translateY(24px) scale(.73)}.editorial-hero .ledger-main{padding:23px 15px}.editorial-hero .ledger-metrics strong{font-size:18px}.editorial-hero .ledger-metrics strong>span{font-size:12px}.editorial-hero .market-demo{padding:23px 18px}.editorial-hero .market-value{font-size:25px}.editorial-hero .market-bottom{gap:15px;font-size:8px}.editorial-hero .places-heading{font-size:28px}.editorial-hero .places-grid>div{padding:20px 16px}.editorial-hero .places-grid b{font-size:11px}
}
@media(max-width:700px){
 .editorial-page{--story-space:55px}.product-intro{padding-block:47px 20px}.product-intro .editorial-heading{display:block}.product-intro .editorial-heading>p{font-size:14px}.editorial-page .product-facts{padding-block:22px}.story-heading{margin-bottom:29px}.story-heading h2{font-size:34px;letter-spacing:-1.25px;line-height:1.1}.story-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:17px}.story-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:20px}.story-split{grid-template-columns:1fr;gap:33px}.story-section+.story-section:not(.soft-band):not(.ink-band):not(.warm-band):not(.felt-band):not(.radio-band){padding-top:45px}.editorial-hero{padding-block:38px 25px}.hero-split{grid-template-columns:1fr;gap:33px}.hero-narrative{text-align:center}.hero-narrative h1{text-align:center;font-size:clamp(38px,9.5vw,58px);letter-spacing:-2px;line-height:1.07}.hero-narrative>.eyebrow{font-size:8px;margin-top:24px}.hero-narrative>p:not(.eyebrow){font-size:15px;line-height:1.75;margin:23px auto 0}.hero-narrative .primary-button{margin-top:24px}.hero-platform{margin-top:17px}.editorial-hero .visual-stage{height:380px}.hero-split figure>figcaption{font-size:8px}.editorial-hero .product-phone{transform:rotate(-5deg) scale(.77);left:calc(50% - 155px)}.editorial-hero .device-note{padding:16px;right:12px}.editorial-hero .demo-window{height:300px}.editorial-hero .ledger-main{padding:20px 12px}.editorial-hero .ledger-metrics strong{font-size:20px}.editorial-hero .market-demo>svg{height:72px}.editorial-hero .places-heading{font-size:26px;margin-bottom:23px}.editorial-hero .places-grid>div{padding:16px}.editorial-hero .card-fan{transform:translateY(24px) scale(.7)}.cinematic-hero{height:auto;min-height:700px;max-height:none;align-items:flex-end}.cinematic-hero>img{object-position:63% center}.cinematic-shade,.product-banooza-rush .cinematic-shade{background:linear-gradient(0deg,#090d1af5 0%,#090d1ad1 35%,#090d1a24 85%)}.cinematic-copy{padding-top:230px;padding-bottom:95px}.cinematic-copy h1{font-size:clamp(46px,12vw,68px);line-height:1.025;letter-spacing:-2.7px;margin-top:22px}.cinematic-copy .eyebrow{font-size:8px;letter-spacing:1.2px;max-width:260px}.cinematic-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:360px;margin-top:24px}.cinematic-copy .primary-button{margin-top:27px}.cinematic-caption{font-size:8px;bottom:24px;gap:25px;line-height:1.6}.cinematic-caption>span:first-child{max-width:50%}.cinematic-caption>span:last-child{text-align:right}.scribe-hero{padding-top:43px;padding-bottom:24px}.scribe-hero .product-lockup{margin-bottom:22px}.scribe-hero .eyebrow{font-size:7px;letter-spacing:1.15px}.scribe-hero h1{font-size:clamp(38px,9.6vw,60px);line-height:1.055;letter-spacing:-2px;margin-top:23px}.scribe-lede{font-size:15px;line-height:1.8;max-width:390px;margin:24px auto}.scribe-proof{gap:13px;font-size:8px;margin-top:28px;line-height:1.6}.scribe-window{margin-top:31px}.scribe-window>img{border-radius:9px}.scribe-window figcaption{font-size:8px;margin-top:13px}.tour-tabs{gap:7px;margin-bottom:19px}.tour-tabs button{padding:10px 13px;font-size:10px}.tour-media{min-height:330px;border-radius:17px}.scenic-tour .tour-media>img{height:310px}.scribe-tour .tour-media{min-height:0}.tour-caption{gap:14px;padding-top:21px}.tour-caption h3{font-size:21px;letter-spacing:-.5px}.tour-caption p{font-size:13px;margin-top:12px}.chapter-number{font-size:9px;min-width:30px;height:30px;padding:8px}.journey-steps{grid-template-columns:1fr;gap:28px;margin-top:29px}.journey-steps li{padding-top:23px}.journey-steps h3{font-size:23px;margin-top:16px}.journey-steps p{font-size:14px;line-height:1.8}.editorial-cards{grid-template-columns:1fr;gap:31px}.editorial-cards article{padding-top:25px}.card-glyph{font-size:28px;margin-bottom:17px}.editorial-cards h3{font-size:22px}.editorial-cards p{font-size:14px}.recorder-scene{min-height:420px;max-width:400px;width:100%;margin:auto}.recorder-device{left:calc(50% - 145px);transform:rotate(-7deg) scale(.86);transform-origin:top center}.bluetooth-note{right:0;top:47%;padding:18px}.bluetooth-note strong{font-size:12px}.bluetooth-note p{font-size:10px}.local-flow{display:block;padding:27px;margin-top:30px}.local-flow>div{padding:0}.local-flow strong{font-size:24px;margin:12px 0 9px}.local-flow p{font-size:12px}.local-flow>b{display:block;transform:rotate(90deg);width:20px;margin:23px 0 23px 10px}.privacy-bottom{display:block;margin-top:26px}.privacy-bottom strong{font-size:42px;display:block}.privacy-bottom>span{display:block;font-size:13px;margin-top:13px}.wide-feature-grid{grid-template-columns:1fr;gap:21px}.wide-feature-grid article>div{padding:25px}.wide-feature-grid h3{font-size:23px}.ownership-card{padding:28px}.ownership-card h3{font-size:34px}.ownership-card dl>div{font-size:10px}.cat-cast{grid-template-columns:1fr 1fr;gap:13px}.cat-cast img{height:200px}.cat-cast article>div{padding:19px 15px}.cat-cast article>div>span{font-size:7px;letter-spacing:.6px}.cat-cast h3{font-size:23px}.cat-cast p{font-size:11px;line-height:1.75}.puzzle-art{padding-bottom:15px}.puzzle-art>img{height:280px}.puzzle-objects{gap:10px;margin-top:-45px}.puzzle-objects img{height:70px}.puzzle-objects figcaption{font-size:7px;line-height:1.5}.character-quote blockquote{font-size:28px;line-height:1.5;letter-spacing:-.7px}.character-quote>p:last-child{font-size:11px}.reel-frame{width:260px;border-width:6px;border-radius:29px}.realm-slide{width:265px;min-height:420px}.carousel-track{gap:15px}.carousel-controls>span{font-size:10px}.carousel-controls button{width:36px;height:36px;font-size:17px}.activity-grid{grid-template-columns:1fr 1fr;gap:14px}.activity-grid img{height:185px}.activity-grid article>div{padding:19px 15px}.activity-grid article>div>span{font-size:7px;letter-spacing:.6px}.activity-grid h3{font-size:22px;line-height:1.1}.activity-grid p{font-size:11px;line-height:1.75}.character-section .split-media img{max-height:430px}.paper-preview{width:91%;margin:26px auto;border-radius:12px}.paper-toolbar{padding:13px 11px}.paper-toolbar>span{font-size:8px}.paper-content{padding:19px 21px}.paper-footer{font-size:8px;padding:13px 17px}.note-block{padding-block:15px}.note-block>span{font-size:7px;letter-spacing:1px}.note-block p{font-size:14px}.question-study{padding:30px 5px}.question-study h3{font-size:30px;margin-bottom:25px}.question-study>div{padding:14px 16px;font-size:11px;border-radius:11px}.language-wall{gap:10px;transform:rotate(-2deg);margin-block:10px}.language-wall>span{min-height:55px;font-size:13px}.privacy-triptych{grid-template-columns:1fr;gap:29px;margin-top:32px}.privacy-triptych article{padding-top:23px}.privacy-triptych strong{font-size:31px}.privacy-triptych p{max-width:none;font-size:14px;margin-top:13px}.reference-stack{padding:0}.reference-stack article{padding:25px}.reference-stack article:nth-child(2){margin-left:18px}.reference-stack article:nth-child(3){margin-left:36px}.conversation-study{padding:28px 0;width:86%}.conversation-study>div{padding:20px;font-size:20px;margin-bottom:23px}.conversation-study>div:nth-child(4){margin-left:21px}.conversation-study small{font-size:14px}.conversation-study>span{font-size:8px}.conversation-study>p{font-size:8px}.phrasebook-study{padding-block:25px}.phrasebook-study b{font-size:18px}.phrasebook-study>div>span{font-size:11px}.detail-study h3{font-size:30px}.detail-study b{font-size:10px;padding:10px 13px}.invoice-study h3{font-size:34px}.invoice-study>div{font-size:11px}.invoice-study>div strong{font-size:20px}.balanced-entry>div{font-size:11px;gap:12px}.balanced-entry>div b{font-size:10px}.balanced-entry>strong{font-size:29px}.balanced-entry>p{font-size:11px}.workbench-grid{grid-template-columns:1fr;gap:17px}.workbench-grid article{padding:29px}.workbench-grid h3{font-size:27px;margin-top:20px}.workbench-grid p{font-size:14px}.workbench-tags{margin-top:24px}.market-study{padding:33px 25px}.market-study>div:first-child{font-size:7px;flex-direction:column;gap:11px}.market-study h3{font-size:34px;margin-top:33px;letter-spacing:-1.3px}.market-bars{gap:9px;height:106px}.signal-labels{gap:18px;font-size:10px;flex-wrap:wrap}.market-study>small{font-size:8px;line-height:1.7}.rule-demo{padding:29px 21px}.rule-demo h3{font-size:25px}.rule-demo>p{font-size:12px}.mini-card-row,.solitaire-choice{gap:12px}.mini-card{width:66px;height:100px;padding:10px;font-size:23px!important}.mini-card>span{font-size:29px}.demo-actions button,.small-reset{font-size:10px!important;padding:10px 14px}.rule-demo .demo-feedback{font-size:11px;min-height:36px}.actual-game-section .split-media>img{border-width:5px;border-radius:15px}.destination-study{padding:29px 23px}.destination-study>div{width:245px;padding:25px}.destination-study h3{font-size:28px}.destination-study>small{font-size:8px;line-height:1.7}.personalise-demo{width:100%;max-width:340px}.colour-place{padding:33px}.colour-place h3{font-size:29px}.colour-place p{font-size:13px}.radio-browser{padding:29px 25px}.radio-browser h3{font-size:33px;margin-top:24px}.radio-browser>p{font-size:13px}.station-choices button{padding:10px 12px;font-size:9px}.radio-browser>small{font-size:8px}.tuner-lines{gap:4px}.timer-study{padding:29px}.timer-study>strong{font-size:86px;letter-spacing:-4px}.timer-study>span{font-size:8px}.timer-study>p{font-size:8px}.atlas-hero{padding-top:42px}.atlas-hero h1{font-size:clamp(40px,10vw,58px);letter-spacing:-2px;margin-top:27px}.atlas-hero .wrap>p:not(.atlas-caption){font-size:14px;line-height:1.8;margin-block:22px}.atlas-hero-art{width:calc(100% + 24px);margin:32px -12px 0}.atlas-caption{font-size:9px;line-height:1.7;padding-bottom:25px;max-width:280px;margin:auto}.atlas-choices{padding:19px 17px 0;gap:7px}.atlas-choices button{padding:9px 13px;font-size:10px}.atlas-canvas{padding:15px 0 5px}.atlas-detail{padding:23px;gap:20px;align-items:flex-start}.atlas-detail strong{font-size:23px}.atlas-detail>div>span{font-size:9px}.atlas-detail small{font-size:6px}.atlas-detail>p{font-size:11px;line-height:1.8;max-width:145px}.atlas-explorer{border-radius:18px}
}
@media(max-width:360px){.hero-narrative h1{font-size:36px}.cinematic-copy h1{font-size:43px}.cinematic-copy{padding-top:200px}.cinematic-hero{min-height:680px}.story-heading h2{font-size:31px}.cat-cast img{height:166px}.cat-cast h3{font-size:21px}.activity-grid h3{font-size:19px}.activity-grid img{height:165px}.product-facts>span{font-size:8px}.solitaire-choice{gap:8px}.mini-card{width:60px;height:93px}.atlas-detail{padding:19px;gap:13px}.atlas-detail>p{max-width:125px}.radio-browser h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.editorial-page *,.editorial-page *:before,.editorial-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep small labels readable on the tinted story backgrounds. */
.soft-band .eyebrow { color: #4c5b48; }
