/* Dedicated Lattice section, adapted from the preserved private prototype. */
.lattice-story{--lattice-stem:#bba4ee;width:var(--col);margin:var(--chapter-space) auto 0;padding:0;background:#f0efed;color:#171717}.lattice-story .lattice-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:88px;align-items:start}.lattice-story .lattice-intro h2{font-size:clamp(40px,4.5vw,64px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0}.lattice-story .lattice-intro p{font-size:17px;line-height:1.65;color:#5e5e5e;margin:0 0 16px}.lattice-story .lattice-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:88px;align-items:center;margin-top:64px}.lattice-story .lattice-phone{width:min(340px,100%);padding:10px;border-radius:46px}.lattice-story .lattice-phone img{border-radius:35px}.lattice-story .lattice-phone-figure{margin:0;text-align:center}.lattice-story .lattice-phone-figure figcaption{margin-top:24px;font-size:12px;color:#5e5e5e;line-height:1.6}.lattice-story .movement-guide{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;color:var(--lattice-stem);overflow:visible}.lattice-story .movement-guide>path{fill:none;stroke:currentColor;stroke-width:1.3;marker-start:url(#arrow-lattice);marker-end:url(#arrow-lattice);opacity:.65;stroke-dasharray:3 3;transition:opacity .25s,stroke-width .25s}.lattice-story[data-active="volume"] .guide-volume,.lattice-story[data-active="eq"] .guide-eq{opacity:1;stroke-width:2.4;stroke-dasharray:none}.lattice-story[data-active="volume"] .guide-eq,.lattice-story[data-active="eq"] .guide-volume{opacity:.15}.lattice-story .lattice-details{max-width:510px}.lattice-story .lattice-detail+.lattice-detail{margin-top:36px}.lattice-story .detail-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:17px}.lattice-story .detail-heading h3{font-size:23px;font-weight:450;line-height:1.25;letter-spacing:-.03em}.lattice-story .detail-heading>span{font-size:24px;color:#56636b}.lattice-story .detail-art{position:relative;background:#13171c;border:1px solid #3a4045;border-radius:17px;color:#b4bac0;box-shadow:0 12px 24px -20px #171717;height:145px;padding:20px 24px}.lattice-story .stem-name{font-size:11px;letter-spacing:.14em;color:var(--lattice-stem);font-weight:600}.lattice-story .fader-track{position:absolute;left:26px;right:104px;height:7px;top:86px;border-radius:4px;background:#353b43}.lattice-story .fader-fill{height:100%;width:45%;background:var(--lattice-stem);border-radius:4px;transition:width .65s ease}.lattice-story .fader-cap{position:absolute;left:45%;top:-12px;width:16px;height:30px;border-radius:4px;background:#d0d4d7;border:3px solid #67717a;box-shadow:0 4px 8px #0008;transition:left .65s ease}.lattice-story .fader-words{position:absolute;right:22px;top:64px;display:flex;flex-direction:column;gap:13px;font-size:11px}.lattice-story .fader-words span:first-child{color:var(--lattice-stem)}.lattice-story .eq-art{height:174px}.lattice-story .eq-art svg{display:block;width:100%;height:90px;overflow:visible}.lattice-story .eq-grid{stroke:#343a42;stroke-width:1;fill:none}.lattice-story .tilt-curve{stroke:var(--lattice-stem);stroke-width:2.4;fill:none}.lattice-story .eq-art circle{fill:var(--lattice-stem)}.lattice-story .eq-words{display:flex;justify-content:space-between;font-size:10px}.lattice-story .lattice-detail p{font-size:15px;line-height:1.65;color:#5e5e5e;margin:16px 0 8px}.lattice-story .lattice-demo{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 0;background:none;border:0;border-bottom:1px solid #bcbdbb;font-size:13px;text-align:left}.lattice-story .lattice-demo:focus-visible{outline:2px solid #171717;outline-offset:5px}.lattice-story .lattice-demo[aria-pressed="true"]{border-bottom-color:#171717}.lattice-story .lattice-disclosure{font-size:11px;color:#666;line-height:1.6;margin-top:22px}.lattice-story[data-active="volume"] .fader-fill{width:70%}.lattice-story[data-active="volume"] .fader-cap{left:70%}.lattice-story .lattice-end{display:flex;align-items:start;justify-content:space-between;gap:50px;border-top:1px solid #ccc;margin-top:56px;padding-top:25px}.lattice-story .lattice-end p{max-width:670px;color:#5e5e5e;font-size:15px;line-height:1.65}.lattice-story .lattice-end a{flex-shrink:0}@media(max-width:760px){.lattice-story{padding:0}.lattice-story .lattice-intro{grid-template-columns:1fr;gap:25px}.lattice-story .lattice-intro h2 br{display:none}.lattice-story .lattice-intro p{font-size:16px}.lattice-story .lattice-composition{grid-template-columns:1fr;gap:44px;margin-top:32px}.lattice-story .lattice-phone{width:min(310px,100%)}.lattice-story .lattice-details{max-width:none}.lattice-story .detail-heading h3{font-size:22px}.lattice-story .lattice-end{display:block;margin-top:32px}.lattice-story .lattice-end a{margin-top:18px}}@media(prefers-reduced-motion:reduce){.lattice-story *{transition:none!important;animation:none!important}}.lattice-story .app-fader,.lattice-story .app-eq{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#1b252a;border:1px solid rgba(154,168,173,.14);border-radius:10px;color:#9aa8ad;padding:18px 12px;box-shadow:0 12px 24px -20px #171717}.lattice-story .app-fader{height:138px}.lattice-story .app-stem-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:600;letter-spacing:.015em;color:var(--lattice-stem)}.lattice-story .app-keys{font-size:13px;color:#9aa8ad;font-weight:500;white-space:nowrap}.lattice-story .app-level-rail{position:relative;height:1.5px;background:#212426;margin:24px 0 17px;border-radius:2px}.lattice-story .app-level-rail i{display:block;width:68%;height:1.5px;background:#f0efed;border-radius:2px;transition:width .45s ease}.lattice-story .app-level-rail b{position:absolute;left:68%;top:-2.75px;width:1.5px;height:7px;border-radius:2px;background:#9aa8ad}.lattice-story .app-fader-foot{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px;letter-spacing:.055em}.lattice-story .app-level-value{font-size:23px;font-weight:600;letter-spacing:-.04em;color:#f0efed;white-space:nowrap;font-variant-numeric:tabular-nums}.lattice-story .app-level-value strong{font-weight:600}.lattice-story .app-level-value small{font-size:12px;font-weight:500;letter-spacing:0;margin-left:2px}.lattice-story .app-eq{height:auto;padding:16px 10px 12px}.lattice-story .app-eq-heading{color:var(--lattice-stem);font-weight:600;font-size:14px;letter-spacing:.025em;margin:0 3px 15px}.lattice-story .app-eq-plot{display:block;width:100%;height:auto;background:rgba(16,22,25,.8);border-radius:3px}.lattice-story .app-grid-columns{stroke:url(#app-grid-fade);stroke-width:1;fill:none}.lattice-story .app-grid-rows{stroke:#273238;stroke-width:1;fill:none}.lattice-story .app-eq-area{fill:#f0efed;fill-opacity:.16}.lattice-story .app-eq-response{fill:none;stroke:url(#app-response-ink);stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:round}.lattice-story .app-eq-nodes circle{fill:transparent;stroke:rgba(154,168,173,.72);stroke-width:1}.lattice-story .app-eq-nodes .selected{stroke:rgba(240,239,237,.9);stroke-width:2}.lattice-story .app-eq-scale text{fill:#9aa8ad;font-size:8px;font-weight:600;font-family:ui-monospace,SFMono-Regular,monospace}.lattice-story .app-eq-scale .frequency-label{font-family:-apple-system,system-ui,sans-serif;font-size:8px}.lattice-story .app-eq-inspector{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:17px 2px 1px;color:#f0efed;font-size:17px;font-weight:600;white-space:nowrap}.lattice-story .app-page-mark{font-size:9px;line-height:1.1;color:#9aa8ad}.lattice-story .app-band-number{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid #f0efed;border-radius:50%;font-size:18px}.lattice-story .app-shape-name{font-size:14px;font-weight:600;letter-spacing:.04em}.lattice-story .app-q{display:grid;place-items:center;width:32px;height:32px;border:2px solid #39454a;border-left-color:#9aa8ad;border-bottom-color:transparent;border-radius:50%;color:#9aa8ad;font-size:13px}.lattice-story .app-eq-inspector small{font-size:12px;font-weight:500}.lattice-story .app-eq-value,.lattice-story .app-eq-frequency{font-variant-numeric:tabular-nums;letter-spacing:-.04em}.lattice-story[data-active="volume"] .app-level-rail i{width:73.4%}@media(max-width:380px){.lattice-story .app-stem-heading{font-size:14px}.lattice-story .app-keys{font-size:11px}.lattice-story .app-fader-foot{font-size:10px;gap:5px}.lattice-story .app-eq-inspector{font-size:15px;gap:5px}.lattice-story .app-q{width:26px;height:26px}.lattice-story .app-band-number{width:28px;height:28px}.lattice-story .app-eq-inspector small{font-size:10px}}

@media(max-width:1023px) and (min-width:761px){.lattice-story .lattice-intro,.lattice-story .lattice-composition{gap:40px}}