/* v4: readable business stories and distinct product sketches */
#case-dialog{width:calc(100% - 32px);max-width:1240px;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #d3d7ca;border-radius:10px;background:#f6f5ef;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:smooth}
.case-reader-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:61px;padding:12px 30px;background:#f6f5eff5;backdrop-filter:blur(16px);border-bottom:1px solid #d8dccf}
.case-reader-bar button{border:0;background:none;font:500 12px/1.4 var(--font);color:#35472c;padding:7px 0;cursor:pointer}
.case-reader-bar button:hover{text-decoration:underline;text-underline-offset:4px}.reader-signature{font:9px/1.4 monospace;letter-spacing:1.1px;color:#76836a}
.case-story{--story-accent:#d5ef95;--story-dark:#25382d;--story-soft:#e7edde}
.story-hero{padding:45px 66px 0}.story-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;font:10px/1.6 monospace;letter-spacing:.8px;text-transform:uppercase;color:#58644e}.story-status{border:1px solid #c8d2ba;padding:5px 9px;border-radius:30px;font:10px/1.5 var(--font);text-transform:none;letter-spacing:0;white-space:nowrap}
#case-dialog .story-hero h2{font-size:clamp(35px,4.2vw,58px);line-height:1.08;letter-spacing:-2.2px;font-weight:500;margin:30px 0 22px;max-width:1000px;outline:none}
.story-product-name{font:500 14px/1.6 var(--font);color:#486239;margin:0 0 12px;max-width:750px}.story-deck{font:17px/1.75 var(--font);max-width:840px;color:#65715a;margin:0 0 32px}
.story-facts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:26px;border-top:1px solid #d6dccb;border-bottom:1px solid #d6dccb;padding:24px 0;margin-bottom:35px}.story-facts>div{border-right:1px solid #d6dccb;padding-right:20px}.story-facts>div:last-child{border:0}.story-facts small{display:block;font:9px/1.5 monospace;letter-spacing:1px;color:#76836a;margin-bottom:9px}.story-facts span{display:block;font-size:13px;line-height:1.6;color:#36442d}
.story-kicker{display:block;font:10px/1.5 monospace;letter-spacing:1.1px;color:#697e56}.story-demo{margin:0 26px;background:var(--story-dark);padding:30px 40px 32px;border-radius:5px;color:#f5f7ef}.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.demo-heading .story-kicker{color:#adc493;font-size:9px}.demo-heading h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:500;margin:8px 0 0}.demo-badge{font-size:9px;color:#c1ceba;border:1px solid #637457;padding:6px 9px;white-space:nowrap}.demo-product-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:29px}.demo-product-layout>.case-artwork{height:200px;max-width:none;border:0;margin:0;padding:18px 25px;background:#e5ecde;border-radius:3px;box-shadow:0 8px 25px #0f1d1029}.demo-caption{max-width:340px}.demo-caption-mark{color:var(--story-accent);font-size:35px;line-height:1}.demo-caption p{font:italic 25px/1.4 Georgia,serif;color:#e7eddb;letter-spacing:-.2px;margin:5px 0 13px}.demo-caption small{font-size:11px;line-height:1.7;color:#a9bca0;display:block;max-width:250px}
.demo-tabs{display:flex;gap:7px;padding:0;margin-bottom:0}.demo-tabs button{flex:1;border:1px solid #6c7e5d;border-bottom:0;border-radius:5px 5px 0 0;background:#3b4d37;color:#cdd9c3;padding:13px 15px;font:12px/1.5 var(--font);text-align:left;cursor:pointer;transition:background .15s}.demo-tabs button:hover{background:#4a603e}.demo-tabs button[aria-selected=true]{background:#f5f6ef;color:#33472a;border-color:#f5f6ef}.demo-panel{background:#f5f6ef;color:#273322;display:grid;grid-template-columns:1fr 1.06fr;gap:25px;padding:29px 26px;min-height:241px;border-radius:0 0 3px 3px}.demo-state-copy>.story-kicker{font-size:9px;letter-spacing:.7px}.demo-state-copy h4{font-size:20px;line-height:1.35;letter-spacing:-.6px;font-weight:500;margin:10px 0 11px}.demo-state-copy p{font-size:12px;line-height:1.8;color:#68725c;margin:0}.demo-records{border:1px solid #d6dfc7;align-self:center;min-width:0}.demo-record{display:flex;flex-direction:column;gap:7px;padding:11px 14px;background:#edf1e4;border-top:1px solid #d6dfc7}.demo-record:first-child{border:0}.demo-record>span{font-size:10px;line-height:1.4;color:#6d7a5c}.demo-record>b{font-size:11px;line-height:1.5;font-weight:500;display:flex;gap:8px}.demo-record i{font-style:normal;color:#5c8140}.demo-record.status-warn{background:#f2eddf}.demo-record.status-warn i{color:#9d7842}.demo-record.status-muted{background:#eff0e9}.demo-record.status-muted b{color:#6c7663}
.story-reading-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;padding:49px 66px 20px}.story-rail{border-right:1px solid #d8ddcf;padding-right:25px}.story-rail-inner{position:sticky;top:91px}.story-rail .story-kicker{font-size:9px;letter-spacing:.8px}.story-rail nav{display:grid;gap:17px;margin-top:24px}.story-rail nav a{display:flex;gap:12px;font:10px/1.6 monospace;color:#89947b;text-decoration:none}.story-rail nav a span{font:12px/1.5 var(--font);color:#506346}.story-rail nav a:hover span{color:#172a11;text-decoration:underline;text-underline-offset:4px}.story-deliverables{border-top:1px solid #d8ddcf;margin-top:30px;padding-top:23px}.story-deliverables ul{list-style:none;padding:0;display:grid;gap:10px;font-size:11px;line-height:1.6;color:#68775d;margin:15px 0 25px}.story-deliverables li{display:flex;gap:8px}.story-deliverables li:before{content:'↳';color:#82956f}.story-rail-cta{font:11px/1.6 var(--font);background:#e4eccf;color:#324a22;border:1px solid #c8d8ac;display:flex;justify-content:space-between;gap:8px;text-align:left;padding:13px 12px;width:100%;cursor:pointer}.story-rail-cta:hover{background:#d5e6b5}
.story-section{padding:0 0 37px;margin-bottom:36px;border-bottom:1px solid #d5dccc;scroll-margin-top:90px}.story-section:last-child{border:0;margin-bottom:0}.story-section h3{font-size:29px;line-height:1.22;letter-spacing:-.9px;font-weight:500;margin:14px 0 23px;max-width:680px}.story-section p{font-size:15px;line-height:1.85;color:#5c6953;margin:0}.story-section .story-body-lead{font-size:16px;line-height:1.85}.story-section h4{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:0 0 10px}.story-stakes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:27px}.story-stakes>div{background:#eeeade;padding:22px 20px 23px;border-top:2px solid #b8ad8e}.story-stakes h4{font-size:16px;margin:9px 0 12px}.story-stakes p{font-size:13px;line-height:1.8;color:#756c55}.stake-mark{color:#9b8965;font-size:21px;line-height:1}.story-journey{display:grid;gap:0}.story-step{display:grid;grid-template-columns:37px 1fr;gap:17px;padding:23px 0;border-top:1px solid #dce1d4}.story-step:first-child{padding-top:0;border:0}.story-step:last-child{padding-bottom:0}.story-step-number{font:italic 28px/1 Georgia,serif;color:#97a785}.story-step h4{margin-bottom:10px;font-size:18px}.story-step p{font-size:14px}.story-decisions{display:grid;gap:14px}.story-decisions>div{padding:25px 25px 24px 49px;background:#e7ecdf;position:relative}.story-decisions>div>span{position:absolute;top:25px;left:22px;color:#748e5b}.story-decisions h4{font-size:17px}.story-decisions p{font-size:14px}
.story-comparison{border:1px solid #cdd7bf}.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 1fr}.comparison-head{font:9px/1.5 monospace;letter-spacing:.9px;text-transform:uppercase;background:#e4eadb;color:#647855}.comparison-head>span{padding:13px 18px}.comparison-head>span:last-child{background:#dce7cc}.comparison-row{border-top:1px solid #cdd7bf;font-size:13px;line-height:1.7}.comparison-row>span{padding:17px 18px;color:#758068;background:#f0f1e9}.comparison-row>span:last-child{border-left:1px solid #cdd7bf;background:#eaf0df;color:#354c29;display:flex;gap:12px}.comparison-row i{font-style:normal;color:#6e8d4e}.story-validation{margin-top:29px}.story-validation>h4{font-size:17px;margin-bottom:9px}.story-validation .validation-intro{font-size:12px;color:#78856b;margin-bottom:17px}.story-validation>div{display:grid;grid-template-columns:160px 1fr;gap:20px;border-top:1px solid #dce1d3;padding:14px 0}.story-validation>div>b{font-size:12px;line-height:1.7;font-weight:500;color:#475b3b}.story-validation>div>p{font-size:12px;line-height:1.7}.story-technical{margin-top:25px;border:1px solid #d5dccb;padding:16px 18px}.story-technical summary{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;color:#697c57;cursor:pointer;list-style:none}.story-technical summary::-webkit-details-marker{display:none}.story-technical[open] summary span{transform:rotate(45deg)}.story-technical .case-stack{margin:19px 0 15px}.story-technical>p{font-size:12px}.story-contact{margin:0 26px 26px;padding:38px 40px;background:#d6ef9e;display:flex;gap:35px;align-items:center;justify-content:space-between}.story-contact>div{max-width:630px}.story-contact h3{font-size:30px;line-height:1.22;font-weight:500;letter-spacing:-.8px;margin:13px 0 15px}.story-contact p{font-size:13px;line-height:1.8;color:#607345;margin:0;max-width:510px}.story-contact .button{flex-shrink:0;white-space:nowrap;font-size:12px}.story-source{padding:0 66px 32px;font-size:11px;line-height:1.8;color:#7a8470}.story-source>p{margin:0 0 14px;max-width:900px}.story-source details{border-top:1px solid #d8dfcd;padding-top:13px}.story-source summary{cursor:pointer;font-size:11px;display:flex;justify-content:space-between;list-style:none;color:#536a41}.story-source .dialog-note{font-size:11px;line-height:1.7;margin:14px 0 10px}.story-source .text-link{font-size:11px}
/* Illustrated product excerpts, drawn in HTML/SVG rather than repeated arrows. */
.case-artwork{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e7ecde;color:#35462c;padding:20px;min-width:0;font-family:var(--font);line-height:1.5}.case-artwork *{box-sizing:border-box}.case-artwork b{font-weight:500}.case-artwork small{font-size:8px}.case-artwork footer{font-size:9px}.case-artwork header,.art-board-heading,.art-radar-label,.art-dashboard-head{display:flex;justify-content:space-between;gap:10px}.case-artwork .art-line{height:4px;background:#c4cfb7;display:block;margin:6px 0;width:92%}.case-artwork .art-line:nth-of-type(2){width:65%}.art-mini{height:185px;margin:20px 20px 0;border:1px solid #dce3d2;pointer-events:none}.art-mini>div{width:100%;max-width:330px}.case-artwork .art-chat{max-width:360px}.art-chat-label{font:8px/1.5 monospace;letter-spacing:.6px;color:#77886a;display:block;margin-bottom:13px}.art-bubble{font-size:11px;line-height:1.6;border-radius:5px;padding:9px 12px;max-width:85%;box-shadow:0 3px 9px #25381806}.art-bubble.customer{background:#fafbf5;border:1px solid #d4ddc7;margin-left:auto;margin-bottom:8px}.art-bubble.assistant{background:#d2e5b9;border:1px solid #b9d392;margin-right:auto}.art-chat-result{font-size:9px;background:#fbfcf8;border:1px solid #d6dfca;display:flex;justify-content:space-between;gap:10px;padding:8px 11px;margin-top:11px}.art-chat-result b{color:#6c8b48}.art-radar{width:100%;max-width:400px;border:1px solid #cdd9c0;background:#f8faf3;padding:0}.art-radar-label{font:8px/1.5 monospace;color:#7e8e70;padding:12px 13px;border-bottom:1px solid #dce5d2}.art-radar-row{display:flex;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #e0e7d7;font-size:10px}.art-radar-row:last-child{border:0;color:#8b9482}.art-radar-row small{font-size:8px;margin-left:auto;white-space:nowrap;color:#738664}.art-dot{display:block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#7d9d52}.art-dot.dot-1{background:#b59e63}.art-dot.dot-2{background:#b9c1ae}.art-matrix-table{width:100%;max-width:430px;background:#f8f8f3;border:1px solid #d5d9c9}.art-matrix-table>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;font-size:9px;border-top:1px solid #e1e4d6}.art-matrix-table>div:first-child{border:0;background:#e4e9d8;font-size:8px;color:#768462}.art-matrix-table>div>*{padding:12px 9px;border-right:1px solid #e1e4d6}.art-matrix-table em{background:#d7eabc;font-style:normal;color:#4a6b31}.art-matrix-table footer{padding:10px 9px;display:flex;justify-content:space-between;border-top:1px solid #dbe2cb;color:#758966;font-size:8px}.art-board{width:100%;max-width:440px}.art-board-heading{font:8px/1.5 monospace;letter-spacing:.4px;margin-bottom:12px;color:#667b55}.art-board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.art-board-columns>div{background:#dce4d3;padding:9px 8px;border:1px solid #cbd8bf}.art-board-columns small{font-size:8px;white-space:nowrap;color:#748768}.art-task{background:#f8faf3;padding:12px 8px;margin-top:8px;box-shadow:0 2px 2px #274e2020}.art-task>i{display:block;height:3px;margin-bottom:5px;background:#c7d2b9}.art-task>i:nth-child(2){width:75%}.art-task>i:nth-child(3){width:45%}.art-task>b{font-size:7px;display:block;margin-top:10px;color:#657e4d}.art-board-columns>div:last-child{background:#ceddad}.art-route{width:100%;max-width:450px;background:#f5f7f5;padding:16px;border:1px solid #cdd9d1}.art-route-label{font:8px monospace;color:#779086}.art-route-path{display:flex;align-items:center;gap:10px;margin:23px 0 20px;font-size:11px}.art-route-path>i{height:1px;flex:1;background:#8baba0;position:relative}.art-route-path>i:before,.art-route-path>i:after{content:'';width:5px;height:5px;border:1px solid #87a292;border-radius:50%;background:#f5f7f5;position:absolute;top:-2px}.art-route-path>i:after{right:0}.art-route-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.art-route-costs>span{text-align:center;background:#e6ede7;border:1px solid #cfddcf;padding:7px;font-size:9px;color:#6b8170}.art-route footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;margin-top:12px;color:#85927c}.art-document{display:flex;gap:20px;align-items:center;justify-content:center;width:100%;max-width:360px}.art-paper{background:#fdfcf7;border:1px solid #dbdbcb;width:115px;padding:17px 15px;box-shadow:4px 4px 0 #c4ceba;transform:rotate(-4deg)}.art-paper>span{font:7px monospace;display:block;margin-bottom:15px;color:#89917b}.art-paper>i{display:block;height:3px;background:#d6dccb;margin:5px 0}.art-paper>i:nth-child(3n){width:70%}.art-paper>em{display:block;width:100%;height:15px;border:1px solid #ccaf6e;background:#f2ead1;margin:9px 0}.art-extract{display:flex;flex-direction:column;gap:10px;font-size:10px}.art-extract>small{font:7px monospace;color:#849273}.art-extract .art-warning{background:#eaddb9;padding:6px 8px;font-size:9px;color:#8b7540}.art-review{max-width:350px;width:100%;background:#fafaf5;border:1px solid #d7dfca;padding:15px 18px}.art-stars{color:#a69256;font-size:14px;letter-spacing:3px}.art-stars>i{font-style:normal;color:#d8d9c9}.art-review p{font-size:10px!important;line-height:1.5!important;color:#506443!important;margin:7px 0 12px!important}.art-review-answer{padding:9px 10px;background:#e8eedd;font-size:8px;color:#6e8058}.art-review footer{font-size:8px;color:#82946b;margin-top:9px}.art-knowledge{width:100%;max-width:350px}.art-search{display:flex;gap:9px;align-items:center;padding:9px 12px;background:#fafbf5;border:1px solid #cddabd;font-size:14px;color:#667f4a}.art-search span{font-size:10px}.art-answer{background:#f7f9ee;border:1px solid #cddabd;border-top:0;padding:15px}.art-answer .art-line{margin:7px 0}.art-citation{display:inline-block;border:1px solid #c8d8aa;background:#e8efda;font-size:8px;padding:5px 8px;margin-top:7px;color:#6d844c}.art-knowledge-footer{font-size:8px;text-align:right;margin-top:9px;color:#82916d}.art-phone{display:flex;gap:20px;align-items:center;justify-content:center;height:100%;max-width:350px;width:100%}.art-phone-shell{width:128px;flex-shrink:0;border:1px solid #697a5b;border-radius:15px 15px 0 0;background:#fafbf6;padding:8px 12px 13px;transform:translateY(14px);box-shadow:4px 5px 0 #b9c9a5}.art-phone-notch{width:33px;height:3px;border-radius:4px;background:#73856a;margin:0 auto 13px}.art-phone-shell>small{font:6px monospace;color:#8c9c7c;display:block}.art-phone-shell>b{display:block;font-size:10px;margin:6px 0 11px}.art-phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.art-phone-tiles>span{background:#e4ecd7;text-align:center;font-size:8px;line-height:1.8;padding:8px 3px;color:#778a61}.art-phone-button{background:#34492b;color:#e3edcf;padding:7px 5px;font-size:7px;margin-top:10px}.art-phone-note{font-size:10px;line-height:1.8;max-width:120px;color:#758864}.art-phone-note>b{display:block;color:#405a30;font-size:12px;margin-top:9px}.art-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;max-width:360px;width:100%}.art-form-fields{background:#f5f7ef;border:1px solid #cbd7bb;padding:13px}.art-form-fields>small{font:7px monospace;color:#7e9366}.art-form-fields>label{display:block;font-size:8px;margin-top:11px;color:#879573}.art-form-fields .art-line{height:14px;background:#e5eadb;border:1px solid #d3dec3;width:100%}.art-form-files{display:flex;flex-direction:column;gap:9px}.art-form-files>span{display:flex;justify-content:space-between;gap:10px;padding:9px;background:#f9faf5;border:1px solid #d2ddc5;font-size:9px}.art-form-files b{color:#86a257}.art-product{display:grid;grid-template-columns:1fr 1fr;gap:17px;width:100%;max-width:365px;align-items:center}.art-product-photo{background:#f5f0e6;border:1px solid #dfd6c0;padding:12px}.art-product-photo svg{width:100%;height:95px;fill:none;stroke:#ad9051;stroke-width:3}.art-product-photo small{display:block;text-align:center;font:6px monospace;color:#b4a37d}.art-product-copy>small{font:7px monospace;display:block;margin-bottom:17px;color:#7b8b69}.art-product-copy>span:not(.art-line){font-size:8px;display:block;color:#81916c;margin-top:15px}.art-product-copy>b{font-size:9px;color:#5e7948;display:block;border:1px solid #c6d5af;padding:6px;margin-top:10px}.art-dashboard{max-width:350px;width:100%;padding:15px;background:#f8f9f2;border:1px solid #d4dfc7}.art-dashboard-head{font:7px/1.5 monospace;color:#82946b;margin-bottom:15px}.art-chart{display:flex;align-items:flex-end;gap:11px;height:78px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 24px,#e3e9d8 24px,#e3e9d8 25px);border-bottom:1px solid #c7d6b0;padding:0 10px}.art-chart>i{height:var(--bar-height);background:#a6bf79;width:100%;max-width:32px}.art-chart>i:nth-child(even){background:#cdddb0}.art-dashboard footer{display:flex;justify-content:space-between;font-size:7px;margin-top:13px;color:#8b9879}.art-dashboard footer>span{color:#657f45}.art-graph{max-width:420px;width:100%;background:#f5f8ed;border:1px solid #d2dfc2;padding:6px 4px}.art-graph svg{width:100%;height:150px;display:block}.art-graph .graph-edges path{stroke:#a2b586;stroke-width:1;fill:none}.art-graph circle{fill:#d1e7a9;stroke:#b2cd85}.art-graph .graph-nodes circle{fill:#f0f5e6;stroke:#c4d5ac}.art-graph text{font:9px var(--font);text-anchor:middle;fill:#607946}.art-slides{position:relative;width:100%;max-width:360px;height:160px}.art-slide-front{position:absolute;width:78%;left:10px;top:20px;background:#f6f7eb;border:1px solid #c5d0b4;padding:16px 18px;transform:rotate(-3deg);box-shadow:3px 7px 13px #4b653019}.art-slide-front>small{font:6px monospace;color:#87966e}.art-slide-front>b{display:block;font-size:18px;line-height:1.1;letter-spacing:-.7px;margin:12px 0;color:#3b4a2c}.art-slide-front>span{display:flex;justify-content:space-between;font:6px monospace;color:#6d7c53;border-top:1px solid #dce4cb;padding-top:9px}.art-slide-front i{font-style:normal}.art-slide-back{position:absolute;width:72%;right:0;top:3px;height:116px;background:#d9e6bf;border:1px solid #c4d6a8;transform:rotate(4deg);padding:11px}.art-slide-back>small{font:6px monospace;color:#7a925c}.art-identity{display:flex;gap:22px;align-items:center;max-width:350px;width:100%;justify-content:center}.art-scan{width:110px;height:125px;border:1px solid #aec294;background:#dce8ca;position:relative}.art-scan svg{stroke:#91aa70;stroke-width:2;fill:#d1e1b8;width:100%;height:100%}.art-scan>i{position:absolute;left:-5px;right:-5px;height:1px;top:50%;background:#91a65c;box-shadow:0 0 9px #82a04d}.art-identity>div:last-child>small{display:block;font:7px monospace;color:#83956f}.art-identity>div:last-child>b{display:block;font-size:20px;line-height:1.15;letter-spacing:-.5px;margin:12px 0;color:#3f5830}.art-identity>div:last-child>span{font-size:8px;color:#6e8556}.art-ledger{max-width:330px;width:100%;border:1px solid #cbd9bb;background:#fafbf5}.art-ledger header{padding:10px 13px;font:7px monospace;color:#7c9065;border-bottom:1px solid #dce5d0}.art-ledger>div{display:flex;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid #e3e9da;font-size:10px}.art-ledger>div>i{display:grid;place-items:center;font:italic 15px Georgia;background:#e3eccf;width:29px;height:29px;border-radius:50%;color:#798e5e}.art-ledger>div>span small{display:block;font-size:7px;color:#90a079}.art-ledger>div>b{margin-left:auto;color:#8da466}.art-ledger footer{font-size:8px;padding:9px 13px;color:#7b8c69}.art-calendar{width:100%;max-width:350px;background:#f7f9ef;border:1px solid #cbd8b8;padding:12px}.art-calendar header{font:7px monospace;color:#7c8d69;margin-bottom:11px}.art-calendar-grid{display:grid;grid-template-columns:35px repeat(3,1fr);gap:3px;font-size:8px;text-align:center}.art-calendar-grid>span{padding:7px 3px;background:#e6edda;color:#91a27b}.art-calendar-grid>span:nth-child(-n+4){background:none;color:#6e815b}.art-calendar-grid>span:nth-child(4n+1){background:none;font-size:7px;color:#90a17a}.art-calendar-grid>span.slot-active{background:#c4db9e;color:#57783b}.art-calendar footer{display:flex;justify-content:space-between;font-size:8px;margin-top:9px;color:#7d9465}
.library-card h3{font-size:24px;line-height:1.23;min-height:0;letter-spacing:-.75px;margin-bottom:15px}.library-card .library-card-body>p{font-size:13px;line-height:1.85;color:#637157;margin-bottom:20px}.library-card-body{display:flex;flex-direction:column;flex:1}.library-card{display:flex;flex-direction:column}.library-outcome{padding:15px 0 19px;border-top:1px solid #e0e5d6;margin-top:auto;display:grid;gap:8px}.library-outcome small{font:8px monospace;letter-spacing:.8px;color:#91a078}.library-outcome>span{font-size:12px;line-height:1.7;color:#566d42}.library-card-footer>a{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:500;color:#354d29;text-decoration:none;white-space:nowrap}.library-card-footer>a:hover{text-decoration:underline;text-underline-offset:4px}.library-card-footer>span{font-size:8px;color:#a0ab8f}.catalog-grid[data-view='list'] .case-artwork,.catalog-grid[data-view='list'] .library-outcome{display:none}.catalog-grid[data-view='list'] .library-card-body{margin:0;flex:auto}.catalog-grid[data-view='list'] .library-card h3{font-size:20px}.catalog-grid[data-view='list'] .library-card .library-card-body>p{font-size:11px;line-height:1.8;margin:0}.catalog-grid[data-view='list'] .library-card-footer>a{font-size:11px}.library-card:nth-child(6n+3) .art-mini{background:#e7e7ef}.library-card:nth-child(6n+5) .art-mini{background:#ede7dc}.library-card:nth-child(6n+4) .art-mini{background:#dbe5df}
:where(.demo-tabs button,.case-reader-bar button,.story-rail a,.story-rail-cta,.library-card-footer>a):focus-visible{outline:2px solid #748e49;outline-offset:4px}
@media(min-width:1300px){.library-card h3{font-size:25px}}
@media(max-width:1024px){.story-hero{padding:35px 40px 0}#case-dialog .story-hero h2{font-size:46px}.story-demo{padding:27px}.story-reading-grid{padding:40px;grid-template-columns:170px minmax(0,1fr);gap:30px}.story-rail{padding-right:17px}.demo-product-layout{gap:26px}.demo-caption p{font-size:22px}.demo-panel{gap:20px;padding:24px 22px;min-height:285px}.demo-heading h3{font-size:21px}.story-facts{gap:20px}.story-contact{padding:32px;gap:25px}.story-contact h3{font-size:27px}.story-source{padding-inline:40px}.art-mini{margin-inline:16px;padding:17px}.art-radar-row{font-size:9px;padding-inline:9px}.art-radar-row small{font-size:7px}.art-matrix-table>div>*{padding:10px 7px}.art-matrix-table>div{font-size:8px}.art-board-columns{gap:5px}.art-board-columns>div{padding:8px 5px}.library-card h3{font-size:23px}.story-validation>div{grid-template-columns:125px 1fr;gap:15px}.story-stakes{gap:15px}.story-stakes>div{padding:19px 16px}.story-stakes h4{font-size:15px}.story-contact .button{gap:20px;font-size:11px}.reader-signature{font-size:8px}}
@media(max-width:800px){.story-reading-grid{display:block;padding:32px 40px 12px}.story-rail{border:0;padding:0;margin-bottom:35px}.story-rail-inner{position:static}.story-rail nav{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:15px;border-bottom:1px solid #d5deca;padding-bottom:20px}.story-rail nav a{gap:7px}.story-deliverables,.story-rail-cta{display:none}.demo-heading{align-items:flex-start;gap:15px}.demo-badge{font-size:8px}.demo-product-layout{grid-template-columns:1.2fr 1fr;gap:23px}.demo-product-layout>.case-artwork{padding:16px}.demo-caption p{font-size:20px}.demo-tabs button{font-size:11px;padding:11px 12px}.story-facts{grid-template-columns:1fr 1.25fr}.story-facts>div:nth-child(2){border:0;padding:0}.story-facts>div:last-child{display:none}.story-contact{display:block}.story-contact .button{margin-top:22px}.story-deck{font-size:16px}.story-section h3{font-size:30px}}
@media(max-width:640px){#case-dialog{width:100%;height:100dvh;max-width:none;max-height:100dvh;margin:0;border:0;border-radius:0;scrollbar-gutter:auto}.case-reader-bar{padding:10px 20px;min-height:55px;gap:15px}.case-reader-bar button{font-size:11px}.reader-signature{display:none}.story-hero{padding:25px 22px 0}.story-topline{font-size:8px;letter-spacing:.3px;gap:12px;align-items:flex-start}.story-status{font-size:8px;padding:3px 7px}#case-dialog .story-hero h2{font-size:35px;letter-spacing:-1.4px;line-height:1.1;margin:25px 0 19px}.story-product-name{font-size:12px;margin-bottom:12px}.story-deck{font-size:14px;line-height:1.8;margin-bottom:24px}.story-facts{gap:16px;padding:19px 0;margin-bottom:25px;grid-template-columns:1fr 1.1fr}.story-facts small{font-size:8px;margin-bottom:8px;letter-spacing:.7px}.story-facts span{font-size:11px;line-height:1.7}.story-facts>div{padding-right:12px}.story-demo{margin:0 10px;padding:21px 15px 17px;border-radius:3px}.demo-heading{display:block;margin-bottom:20px}.demo-heading h3{font-size:22px;margin-top:10px;max-width:300px}.demo-heading .story-kicker{font-size:8px}.demo-badge{display:inline-block;margin-top:12px;font-size:8px;border-color:#526849;padding:4px 7px}.demo-product-layout{display:block;margin-bottom:23px}.demo-product-layout>.case-artwork{height:185px;padding:17px 20px}.demo-caption{margin-top:17px;max-width:none;display:grid;grid-template-columns:25px 1fr;gap:6px}.demo-caption-mark{font-size:25px;padding-top:3px}.demo-caption p{font-size:20px;line-height:1.4;letter-spacing:0;margin:0}.demo-caption small{grid-column:2;font-size:10px;max-width:270px;margin-top:4px}.demo-tabs{gap:4px}.demo-tabs button{font-size:9px;padding:11px 8px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.demo-panel{grid-template-columns:1fr;gap:20px;padding:22px 17px;min-height:395px}.demo-state-copy h4{font-size:20px;margin:11px 0 12px}.demo-state-copy p{font-size:12px;line-height:1.8}.demo-record{padding:10px 12px;gap:5px}.demo-record>span{font-size:9px}.demo-record>b{font-size:11px}.story-reading-grid{padding:30px 22px 5px}.story-rail{margin-bottom:29px}.story-rail>.story-rail-inner>.story-kicker{font-size:8px}.story-rail nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 17px;margin-top:14px;padding-bottom:24px}.story-rail nav a{font-size:9px;gap:8px}.story-rail nav a span{font-size:10px}.story-section{margin-bottom:27px;padding-bottom:29px;scroll-margin-top:76px}.story-section>.story-kicker{font-size:8px;letter-spacing:.7px;line-height:1.8}.story-section h3{font-size:27px;line-height:1.22;letter-spacing:-.9px;margin:13px 0 19px}.story-section .story-body-lead{font-size:14px;line-height:1.9}.story-stakes{grid-template-columns:1fr;gap:11px;margin-top:22px}.story-stakes>div{padding:18px 18px 20px}.story-stakes h4{font-size:16px;margin:7px 0 8px}.story-stakes p{font-size:12px;line-height:1.8}.stake-mark{font-size:20px}.story-step{grid-template-columns:27px 1fr;gap:13px;padding:23px 0}.story-step-number{font-size:26px}.story-step h4{font-size:17px;margin-bottom:10px}.story-step p{font-size:13px;line-height:1.85}.story-decisions>div{padding:21px 18px 22px 38px}.story-decisions>div>span{left:15px;top:22px;font-size:15px}.story-decisions h4{font-size:16px}.story-decisions p{font-size:13px;line-height:1.8}.comparison-head{font-size:8px}.comparison-head>span{padding:12px}.comparison-row{font-size:11px;line-height:1.8}.comparison-row>span{padding:14px 12px}.comparison-row>span:last-child{gap:7px}.story-validation>h4{font-size:16px}.story-validation .validation-intro{font-size:11px;line-height:1.8}.story-validation>div{grid-template-columns:1fr;gap:5px;padding:13px 0}.story-validation>div>b{font-size:12px}.story-validation>div>p{font-size:12px}.story-section>p{font-size:14px;line-height:1.85}.story-technical{padding:14px 15px;margin-top:20px}.story-technical summary{font-size:11px}.story-technical>p{font-size:12px}.story-technical .case-stack{margin-top:18px}.story-contact{margin:0 10px 22px;padding:27px 22px 28px}.story-contact .story-kicker{font-size:8px}.story-contact h3{font-size:27px;line-height:1.23;margin:13px 0 15px}.story-contact p{font-size:12px;line-height:1.85}.story-contact .button{font-size:12px;min-height:51px;width:100%;margin-top:22px}.story-source{padding:0 22px 29px;font-size:10px;line-height:1.8}.story-source summary{font-size:10px}.story-source .dialog-note{font-size:10px}.story-source .text-link{font-size:10px}.art-mini{height:195px;margin:20px 22px 0;padding:22px}.library-card h3{font-size:27px;line-height:1.23;letter-spacing:-.9px;max-width:none}.library-card .library-card-body>p{font-size:13px;line-height:1.9}.library-card-body{padding:25px 24px}.library-outcome{padding:17px 0 21px}.library-outcome>span{font-size:12px}.library-card-footer>a{font-size:12px;gap:14px}.library-card-footer>span{font-size:8px}.catalog-grid[data-view='list'] .library-card h3{font-size:21px}.catalog-grid[data-view='list'] .library-card-footer>a{font-size:11px}.art-radar-row{font-size:10px;padding-inline:12px}.art-radar-row small{font-size:8px}.art-matrix-table>div{font-size:9px}.art-matrix-table>div>*{padding:11px 8px}.art-board-columns{gap:7px}.art-board-columns>div{padding:10px 7px}.art-board-columns small{font-size:8px}.art-task>b{font-size:7px}.art-phone-shell{width:135px}.art-phone-note{max-width:110px}.art-route-path{font-size:10px;gap:9px}.art-route{padding:14px}.art-identity{gap:18px}}
@media(max-width:370px){.story-hero,.story-reading-grid{padding-left:18px;padding-right:18px}#case-dialog .story-hero h2{font-size:31px;letter-spacing:-1.2px}.story-topline{font-size:7px;gap:8px}.story-status{font-size:7px}.story-facts span{font-size:10px}.story-facts{gap:13px}.demo-product-layout>.case-artwork{padding:15px 11px;height:175px}.demo-tabs button{font-size:8px;padding-inline:6px}.demo-panel{padding:19px 14px;min-height:425px}.demo-state-copy h4{font-size:19px}.story-section h3{font-size:25px}.story-contact h3{font-size:25px}.art-mini{margin-inline:18px;padding:17px;height:183px}.library-card h3{font-size:25px}.library-card-body{padding:23px 22px}.art-radar-row{font-size:9px;padding-inline:9px}.art-radar-row small{font-size:7px}.art-matrix-table>div{font-size:8px}.art-matrix-table>div:first-child{font-size:7px}.art-matrix-table>div>*{padding:10px 6px}.art-document{gap:15px}.art-extract{font-size:9px}.art-paper{width:103px;padding:15px 12px}.art-route-path{font-size:9px}.art-route-costs>span{font-size:8px;padding:7px 4px}.art-phone{gap:14px}.art-phone-shell{width:120px}.art-phone-note{font-size:9px;max-width:94px}.art-phone-note>b{font-size:11px}.art-product{gap:11px}.art-product-photo{padding:7px}.art-product-photo svg{height:85px}.art-product-copy>b{font-size:8px}.art-identity>div:last-child>b{font-size:17px}.art-scan{width:95px;height:110px}}
@media(prefers-reduced-motion:reduce){#case-dialog{scroll-behavior:auto}.demo-tabs button{transition:none}}