/* One reading rhythm for all three product chapters. */
.scroll-middle .copy-stack{left:7%;top:13%;width:36%;max-width:490px}
.scroll-middle .copy-stack .feature-benefits h2{font-size:clamp(30px,3.1vw,46px);line-height:1.06;letter-spacing:-.045em;font-weight:600;color:#263c30;max-width:490px;margin:0 0 16px}
.scroll-middle .copy-stack .feature-benefits .feature-subheading{font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.4;letter-spacing:-.015em;color:#6d786e;margin:0 0 24px;max-width:410px}
.feature-benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#35483c;font-size:clamp(14px,1.3vw,18px);line-height:1.45}
.feature-benefit-list li{position:relative;padding-left:22px}.feature-benefit-list li:before{content:'✓';position:absolute;left:0;color:#6b8b6b;font-size:13px;top:2px}
.feature-options{margin-top:32px;padding-top:23px;border-top:1px solid #e4e9df}
.scroll-middle .copy-stack .feature-benefits .feature-row-label{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;color:#6c7e6c;margin:0 0 17px}
.feature-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0;padding:0;list-style:none}
.feature-tiles li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:#f3f6ef;min-height:70px;color:#58735a;font-size:11px;white-space:nowrap}
.feature-tiles svg{width:28px;height:28px}.feature[data-feature="1"] .feature-tiles li{background:#f6f3ef;color:#85735d}
.screen-previews{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0}
.screen-previews>li{min-width:0;text-align:center;color:#697666;font-size:10px;line-height:1.2}.screen-previews>li>span{display:block;margin-top:9px}
.mini-screen{aspect-ratio:2/3;border-radius:5px;overflow:hidden;border:4px solid #364238;background:#f2f0e1;box-shadow:0 2px 4px #263c3010;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:5px}
.mini-screen:has(img){padding:0}.mini-screen img{width:100%;height:100%;object-fit:cover}.mini-screen small{font:5px/1.4 Arial,sans-serif;letter-spacing:.4px;color:#65705b}.mini-screen>span{font:28px/.7 Georgia;color:#718269}
.scroll-middle .mini-screen p{font:clamp(8px,.82vw,12px)/1.45 Georgia,serif!important;color:#3c4537;letter-spacing:0;margin:6px 0 0!important}.mini-screen mark{background:#dbe3c9;color:inherit}

.scroll-middle.is-static .copy-stack{position:relative;left:auto;top:auto;width:100%;max-width:1100px;margin:auto}
.scroll-middle.is-static .feature-benefits{max-width:700px;margin:0 auto 70px}.scroll-middle.is-static .feature-benefits h2{max-width:650px}.scroll-middle.is-static .feature-benefits .feature-still{margin-bottom:28px}
@media(max-width:700px){
.scroll-middle .copy-stack{left:6%;top:4%;width:88%;max-width:none}
.scroll-middle .copy-stack .feature-benefits h2{font-size:clamp(26px,6.9vw,34px);max-width:370px;margin-bottom:9px}
.scroll-middle .copy-stack .feature-benefits .feature-subheading{font-size:14px;line-height:1.35;margin-bottom:14px;max-width:340px}
.feature-benefit-list{font-size:12px;line-height:1.4;gap:7px}.feature-benefit-list li{padding-left:18px}.feature-benefit-list li:before{font-size:11px}
.feature-options{margin-top:18px;padding-top:13px}.scroll-middle .copy-stack .feature-benefits .feature-row-label{font-size:11px;margin-bottom:10px}
.feature-tiles{gap:6px}.feature-tiles li{min-height:49px;gap:4px;font-size:9px;border-radius:8px}.feature-tiles svg{width:22px;height:22px}
.screen-previews{gap:8px;max-width:350px}.mini-screen{aspect-ratio:2/2.7;border-width:3px}.screen-previews>li{font-size:8px}.scroll-middle .mini-screen p{font-size:9px!important}.mini-screen small{font-size:4px}.mini-screen>span{font-size:20px}
.scroll-middle .intention-beat{top:0}.scroll-middle.is-static .copy-stack{width:88%}.scroll-middle.is-static .feature-benefits h2{font-size:32px}.scroll-middle.is-static .feature-benefits .feature-subheading{font-size:17px}.scroll-middle.is-static .feature-benefit-list{font-size:15px}
}
@media(max-height:740px) and (min-width:701px){.scroll-middle .copy-stack{top:7%}.scroll-middle .copy-stack .feature-benefits h2{font-size:29px}.scroll-middle .copy-stack .feature-benefits .feature-subheading{font-size:15px;margin-bottom:14px}.feature-benefit-list{font-size:13px;gap:7px}.feature-options{margin-top:16px;padding-top:13px}.feature-tiles li{min-height:48px;font-size:9px;gap:3px}.feature-tiles svg{width:23px;height:23px}}
@media(max-width:700px) and (max-height:740px){.scroll-middle .copy-stack .feature-benefits h2{font-size:24px}.scroll-middle .copy-stack .feature-benefits .feature-subheading{font-size:12px;margin-bottom:10px}.feature-benefit-list{font-size:11px;gap:5px}.feature-options{margin-top:12px;padding-top:10px}.feature-tiles li{min-height:40px;font-size:8px}.feature-tiles svg{width:18px;height:18px}.screen-previews{max-width:280px}.scroll-middle .mini-screen p{font-size:7px!important}}

.scroll-middle .feature-benefits{text-align:left}
.scroll-middle.is-static .feature-benefits{display:flex;flex-direction:column}.scroll-middle.is-static .feature-benefits h2{order:0}.scroll-middle.is-static .feature-subheading{order:1}.scroll-middle.is-static .feature-benefit-list{order:2}.scroll-middle.is-static .feature-options{order:3}.scroll-middle.is-static .feature-benefits .feature-still{order:4;margin:28px 0 0}.scroll-middle.is-static [data-feature="1"]:after{order:4}
.scroll-middle:not(.is-static){height:900svh}
.scroll-middle.is-static .feature-benefits{display:flex;flex-direction:column}.scroll-middle.is-static .feature-benefits h2{order:0}.scroll-middle.is-static .feature-subheading{order:1}.scroll-middle.is-static .feature-benefit-list{order:2}.scroll-middle.is-static .feature-options{order:3}.scroll-middle.is-static .feature-benefits .feature-still{order:4;margin:28px 0 0}
.screen-previews{grid-template-columns:repeat(6,1fr);gap:8px;max-width:none}.mini-screen{background:#efdfb7;position:relative}.mini-screen img{filter:grayscale(1);mix-blend-mode:multiply}.mini-screen small{font-size:4px}.scroll-middle .mini-screen p{font-size:clamp(7px,.67vw,10px)!important;line-height:1.35!important}.mini-screen mark{background:#ddc99e}
.art-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.art-options button{border:1px solid transparent;padding:5px;border-radius:8px;background:#f6f3e9;cursor:pointer;color:#65705b;font:10px Arial,sans-serif}.art-options img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;image-rendering:pixelated;filter:grayscale(1);mix-blend-mode:multiply}.art-options span{display:block;margin-top:5px}.art-options button[aria-pressed=true]{border-color:#528062;background:#eee1bd}.art-options button:focus-visible{outline:2px solid #287249;outline-offset:3px}
.ritual-mechanism{opacity:calc(1 - var(--use-choice,0))}.usage-choices{opacity:var(--use-choice,0)}.usage-choices h3{font-size:clamp(22px,2.2vw,32px)}.closing-intro{--use-choice:1}
.scroll-middle.is-static .ritual-mechanism,.scroll-middle.is-static .usage-choices{opacity:1}.scroll-middle.is-static .usage-choices{border-top:1px solid #e2e7df;padding-top:30px}
@media(max-width:700px){.art-options{margin-top:10px;gap:5px}.art-options button{padding:3px;font-size:8px}.screen-previews{gap:5px}.screen-previews>li{font-size:7px}.mini-screen{border-width:2px;padding:3px}.scroll-middle .mini-screen p{font-size:6px!important}.mini-screen small{font-size:3px}.usage-choices h3{font-size:16px}.usage-choices p{font-size:11px}}

.screen-previews button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit}.screen-previews button>span{display:block;margin-top:10px}.screen-previews canvas{display:block;width:100%;height:auto;aspect-ratio:720/1065;padding:0;box-sizing:border-box}.screen-previews button[aria-pressed=true] canvas{outline:2px solid #538967;outline-offset:3px}.art-options{grid-template-columns:repeat(6,1fr)}

.screen-previews canvas{image-rendering:auto}

.scroll-middle .chapter-mark{display:none!important}.screen-previews{grid-template-columns:repeat(5,1fr)}.mini-screen{background:#f1eddc}.scroll-middle .feature-options .art-hint{font:11px/1.4 Arial,sans-serif!important;color:#788276;letter-spacing:0;margin:14px 0 0!important}.opening-title{font-size:clamp(40px,4.7vw,70px);max-width:640px;line-height:1.05;letter-spacing:-.05em}.opening-title span{color:#287447}.hero-copy #hero-hook{margin-top:24px}.inky-nav .inky-tagline{display:none!important}body>.inky-nav{padding-top:9px!important;padding-bottom:9px!important}@media(max-width:700px){.hero-copy .opening-title{font-size:clamp(34px,8.5vw,48px);max-width:370px;margin-inline:auto}.hero-copy #hero-hook{font-size:15px;line-height:1.5}.screen-previews>li{font-size:8px}}

.hero-copy .opening-title{font-size:clamp(40px,3.8vw,60px)}@media(max-width:700px){.hero-copy .opening-title{font-size:clamp(32px,8.5vw,42px)}}

.art-options{grid-template-columns:repeat(5,1fr)}

/* Art discovery: six ready-to-select themes and a quiet invitation. */
.scroll-middle .feature-options .art-cue{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin:3px -25px 0 0!important;font:italic 12px/1.2 Georgia,serif!important;color:#52755d;letter-spacing:0;pointer-events:none}
.art-cue svg{width:36px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.art-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.art-options button{font-size:9px;line-height:1.25;padding:4px 3px}.art-options span{min-height:23px;display:flex;align-items:center;justify-content:center}.art-options .art-count{grid-column:5/7;justify-self:end;font:10px/1.3 Arial,sans-serif;color:#667866;white-space:nowrap}.scroll-middle .feature-options .art-rotation{grid-column:1/5;grid-row:2;margin:0!important;align-self:center;font:10px/1.4 Arial,sans-serif!important;letter-spacing:0;color:#788276}
@media(max-width:700px){.scroll-middle .feature-options .art-cue{margin-right:0!important;font-size:11px!important}.art-options{gap:4px}.art-options button{font-size:8px;padding:3px 2px}.art-options .art-count,.scroll-middle .feature-options .art-rotation{font-size:9px!important}}