*{box-sizing:border-box}body{margin:0;font:14px/1.6 Arial,Helvetica,sans-serif;color:#30363b;background:#fafafa}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b52e35;outline-offset:4px}a{color:inherit}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:white;border-top:5px solid #b52e35;border-bottom:1px solid #ddd}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:bold;font-size:25px;letter-spacing:-.7px}.logo{width:32px;height:32px;display:inline-grid;place-items:center;background:#b52e35;color:white;font-size:31px;line-height:1;flex-shrink:0}.header-label{font-size:10px;letter-spacing:1.2px;color:#6b7277}.concept{font-size:10px;color:#777;border:1px solid #dedede;padding:5px 10px}.split{display:grid;grid-template-columns:43% 57%;min-height:calc(100vh - 127px)}.story{background:white;padding:40px 9% 24px;display:flex;flex-direction:column;border-right:1px solid #ddd}.story-top{display:flex;justify-content:space-between;color:#9c2930;font-size:9px;font-weight:bold;letter-spacing:1px}.story-top span+span{color:#8d9599}.chapters{display:flex;gap:14px;margin:23px 0 38px;border-bottom:1px solid #ddd}.chapters button{border:0;background:none;font-size:10px;padding:0 0 12px;color:#899094;white-space:nowrap}.chapters button.active{color:#a32730;border-bottom:2px solid #b52e35;font-weight:bold}h1{font-size:clamp(34px,3.3vw,49px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 24px;max-width:470px}h2,h3,p{margin-top:0}.lead{font-size:17px;line-height:1.6;color:#596268;margin-bottom:25px}.body-copy{font-size:13px;color:#687176}.story-kicker{font-size:10px;letter-spacing:1.2px;color:#9d2b31;font-weight:bold;margin-bottom:14px}.story-callout{border-left:3px solid #b52e35;padding:15px 18px;background:#f7f4f3;margin:24px 0}.story-callout strong{display:block;font-size:14px;margin-bottom:6px}.story-callout p{font-size:12px;color:#657075;margin:0}.story-facts{display:flex;gap:24px;border-top:1px solid #e4e5e5;padding-top:19px;margin-top:25px}.story-facts span{font-size:10px;color:#7b8489}.story-facts b{display:block;color:#3e474c;font-size:12px;margin-bottom:3px}.story-bottom{margin-top:auto;padding-top:35px}.story-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:20px;gap:12px}.story-controls button{background:none;border:0;font-size:11px;color:#9d2930;font-weight:bold;padding:5px 0}.story-controls button:disabled{color:#b5b9bc;cursor:default}.story-controls>span{font-size:9px;color:#92999d}.story-bottom>p{font-size:10px;color:#949a9d;margin:23px 0 0}.sources-link{background:none;border:0;padding:0;color:#81898e;font-size:10px;text-decoration:underline}.app-stage{background:#eef0f1;padding:30px 6% 25px;display:flex;flex-direction:column;justify-content:center}.stage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:9px;letter-spacing:1.1px;color:#737e84}.stage-label i{display:inline-block;width:6px;height:6px;background:#758b7e;border-radius:50%;margin-right:7px}.stage-label button{border:0;background:none;color:#788187;font-size:10px;letter-spacing:0}.app-window{background:white;border:1px solid #d5dadd;border-radius:8px;box-shadow:0 14px 40px #2e3a4210;overflow:hidden;min-height:585px;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid #e7eaeb}.app-brand{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:bold;line-height:1.3}.app-brand .logo{width:29px;height:29px;font-size:29px}.app-brand small{display:block;font-size:9px;color:#8b9398;font-weight:normal;margin-top:3px}.region{font-size:10px;color:#707c83}.region span{margin-left:13px}.app-nav{display:flex;gap:23px;padding:0 25px;border-bottom:1px solid #e2e6e8}.app-nav button{padding:14px 0;border:0;background:none;font-size:11px;color:#8b9399;white-space:nowrap}.app-nav button.active{border-bottom:2px solid #b52e35;color:#a72d34;font-weight:bold}.app-nav button>span{background:#edf0f2;padding:1px 5px;border-radius:3px;margin-left:4px;font-size:9px}.app-content{padding:25px;flex:1}.app-content h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-bottom:7px}.app-subtitle{font-size:11px;color:#879198;margin-bottom:20px}.app-footer{display:flex;justify-content:space-between;border-top:1px solid #e6e9eb;background:#fafbfb;font-size:8px;color:#8a959a;padding:12px 20px}.stage-caption{display:flex;gap:10px;color:#7d888f;padding:15px 8px 0}.stage-caption>span{font-size:20px}.stage-caption p{font-size:11px;line-height:1.6;max-width:480px;margin:0}.board-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e6e8;padding-bottom:13px;margin-bottom:14px;font-size:10px;color:#758189}.board-toolbar select{font-size:10px;padding:5px 7px;border:1px solid #d9dfe2;color:#5d6d75;background:white;border-radius:3px}.request-card{padding:15px;border:1px solid #dfe4e6;border-radius:4px;margin-bottom:11px}.request-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#6b8576}.priority{font-size:8px;color:#a05e40;background:#fbf0e7;padding:2px 6px;border-radius:3px}.request-card h3{font-size:14px;margin:8px 0 3px}.request-card p{font-size:10px;color:#7b8991;margin-bottom:12px}.request-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f1;padding-top:10px;font-size:9px;color:#88949b}.request-bottom button{background:none;border:0;color:#a62d36;font-size:10px;font-weight:bold;padding:0}.info-note{background:#f3f5f5;padding:12px;font-size:10px;color:#78868d;border-left:2px solid #a9b8bf;margin-top:15px}.primary{border:0;border-radius:3px;background:#b32d35;color:white;padding:11px 15px;font-size:11px;font-weight:bold}.primary:hover{background:#94232a}.secondary{background:white;color:#8b3c40;border:1px solid #dac8ca;border-radius:3px;padding:10px 14px;font-size:11px}.button-row{display:flex;gap:10px;margin-top:19px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}label{display:block;font-size:11px;font-weight:bold;color:#63727a}label select{display:block;margin-top:6px;width:100%;padding:10px;font-size:11px;border:1px solid #ccd5da;border-radius:3px;background:white;color:#4e5e67}.offer-condition{font-size:10px;color:#879199;margin-top:14px}.result{margin-top:20px;padding:17px;background:#f6f8f6;border:1px solid #dce5de;border-radius:3px}.result h3{font-size:14px;margin-bottom:8px}.result p{font-size:11px;color:#728078;margin-bottom:8px}.badge{display:inline-block;font-size:9px;background:#e8efe9;color:#587463;padding:3px 7px;margin-bottom:9px}.status-list{padding:0;list-style:none;margin:20px 0}.status-list li{padding:0 0 19px 31px;position:relative;font-size:12px}.status-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;display:grid;place-items:center;background:#edf2ee;color:#597c65;border-radius:50%;font-size:10px}.status-list li.pending:before{content:'○';background:#f1f2f3;color:#89969e}.status-list small{display:block;color:#8a979e;font-size:10px;margin-top:3px}.slot-options{display:flex;gap:13px;margin:15px 0}.slot-options label{font-size:10px;border:1px solid #dbe0e3;padding:9px;font-weight:normal}.success{display:grid;place-items:center;background:#e8f0e9;color:#587c63;font-size:25px;width:48px;height:48px;border-radius:50%;margin-bottom:15px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border:1px solid #dfe5e7;padding:13px;border-radius:3px}.stat strong{display:block;font-size:26px;font-weight:normal}.stat span{font-size:9px;color:#819098}.measure-table{margin-top:25px;width:100%;border-collapse:collapse;font-size:10px}.measure-table td,.measure-table th{text-align:left;padding:11px 4px;border-bottom:1px solid #e4e8ea}.measure-table th{font-size:9px;color:#8c989f;font-weight:normal}.measure-table td:last-child{color:#8a969c}.empty-state{text-align:center;padding:35px 15px}.empty-state p{font-size:12px;color:#839096}.story-list{padding-left:17px;color:#626e75;font-size:13px}.story-list li{margin-bottom:12px}.story-list b{color:#3e4c54}.sdgs{display:flex;gap:8px;margin-top:20px}.sdgs span{font-size:9px;background:#f2f3f3;padding:6px 8px;color:#737e85}footer{min-height:42px;display:flex;justify-content:space-between;gap:20px;padding:12px 4%;border-top:1px solid #ddd;font-size:9px;color:#8a9296;background:white}dialog{max-width:650px;width:calc(100% - 30px);border:1px solid #d2d8db;border-radius:5px;padding:28px;color:#5f6c73;font-size:13px}dialog::backdrop{background:#20303970}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-top h2{font-size:22px;color:#37454c}.dialog-top button{border:0;background:none;font-size:25px;color:#69767d}dialog li{margin-bottom:12px}dialog a{color:#a82d35}
@media(min-width:1500px){.story{padding-top:55px;padding-bottom:40px}.app-window{min-height:650px}.app-content{padding:30px}.request-card{padding:20px}.story-bottom{padding-top:50px}}@media(max-width:1150px){.story{padding-left:7%;padding-right:7%}.chapters{gap:9px}.chapters button{font-size:9px}.app-stage{padding:25px 4%}.app-nav{gap:15px;padding:0 18px}.app-content{padding:20px}.app-header{padding:20px}.header-label{font-size:9px}.app-window{min-height:580px}h1{font-size:38px}.lead{font-size:16px}}@media(max-width:850px){.split{grid-template-columns:1fr}.story{padding:30px 6%;border-right:0;border-bottom:1px solid #ddd}.chapters{gap:22px;margin-bottom:25px}.chapters button{font-size:11px}h1{font-size:39px;max-width:none}.lead{max-width:650px}.story-bottom{padding-top:18px}.story-bottom>p,.sources-link{display:none}.story-facts{margin-top:18px}.app-stage{padding:26px 6%}.app-window{min-height:560px}.header-label{display:none}.story-controls{padding-top:15px}.story-callout{margin:18px 0}.stage-caption{padding-bottom:0}footer{flex-direction:column;gap:3px}.app-content{padding:24px}.app-header{padding:22px}.app-nav{padding:0 22px;gap:25px}}@media(max-width:450px){header{padding:0 5%;height:74px}.brand{font-size:22px}.concept{font-size:8px;padding:4px 7px}.chapters{gap:13px}.chapters button{font-size:9px}h1{font-size:35px}.lead{font-size:15px}.story{padding:24px 5%}.app-stage{padding:23px 4%}.app-nav{gap:17px;padding:0 15px}.app-nav button{font-size:10px}.app-header{padding:18px 15px}.app-content{padding:18px 15px}.app-footer{padding:10px;font-size:7px}.region{font-size:9px}.form-grid{grid-template-columns:1fr}.overview-grid{gap:6px}.stat{padding:10px}.stage-label{font-size:8px}.story-facts{gap:16px}.story-controls>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:850px){.sources-link{display:inline-block;margin-top:14px}}
/* A pinned, scroll-led mobile app story. */
html{scroll-behavior:smooth}header{position:absolute;top:0;left:0;right:0;height:72px;z-index:5;background:transparent;border-bottom:0}.scroll-journey{position:relative}.pinned-scene{position:sticky;top:0;height:100svh;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 46%,#edf0f1 46%,#edf0f1 100%);display:flex;flex-direction:column;padding-top:72px}.split{grid-template-columns:46% 54%;min-height:0;flex:1;overflow:hidden;max-width:1600px;width:100%;margin:0 auto}.story{background:transparent;border:0;padding:25px 9% 15px;min-height:0;justify-content:center}.story-top{font-size:9px}.chapters{margin:19px 0 27px;gap:15px}.chapters button{font-size:10px}h1{font-size:clamp(32px,3.05vw,48px);line-height:1.12;margin-bottom:18px}.lead{font-size:16px;margin-bottom:17px}.body-copy,.story-list{font-size:12px}.story-list{margin:0;padding-left:17px}.story-list li{margin-bottom:8px}.story-callout{margin:18px 0;padding:12px 15px}.story-callout strong{font-size:13px}.story-callout p{font-size:11px}.story-facts{margin-top:18px;padding-top:14px}.story-bottom{margin-top:0;padding-top:20px}.story-controls{padding-top:13px}.story-bottom>p{display:none}.sources-link{margin-top:12px}.story-kicker{font-size:9px;margin-bottom:12px}.app-stage{background:transparent;padding:10px 7% 4px;align-items:center;justify-content:center;min-height:0;gap:12px}.stage-label{width:356px;max-width:100%;margin:0;font-size:8px;letter-spacing:.8px}.phone-frame{position:relative;width:356px;height:min(635px,calc(100svh - 177px));min-height:390px;max-height:700px;flex-shrink:1;padding:0 8px 20px;background:#262d32;border:1px solid #4b5359;border-radius:43px;box-shadow:0 23px 40px #2a3d4920,0 4px 8px #2a3d4920;display:flex;flex-direction:column;overflow:hidden}.phone-camera{position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);height:19px;width:91px;background:#20262b;border-radius:18px}.phone-status{height:42px;flex-shrink:0;background:#fff;margin-top:7px;border-radius:33px 33px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:10px;font-weight:bold;color:#323a40}.status-icons{font-size:10px}.app-window{border:0;border-radius:0 0 28px 28px;box-shadow:none;min-height:0;flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.app-header{padding:11px 15px;flex-shrink:0}.app-brand{font-size:16px;gap:8px}.app-brand small{font-size:8px}.app-brand .logo{width:25px;height:25px;font-size:25px}.region{font-size:9px}.region span{margin-left:7px}.app-nav{order:3;flex-shrink:0;padding:0 9px;gap:0;justify-content:space-around;background:#fafbfb;border-top:1px solid #e2e6e8;border-bottom:0}.app-nav button{font-size:9px;padding:12px 3px 10px;border-top:2px solid transparent}.app-nav button.active{border-bottom:0;border-top:2px solid #b52e35}.app-nav button>span{font-size:8px;padding:1px 3px;margin-left:2px}.app-content{padding:17px 15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d8dc transparent;min-height:0;overscroll-behavior:auto}.app-content h2{font-size:18px;margin-bottom:5px}.app-subtitle{font-size:10px;line-height:1.5;margin-bottom:14px}.app-footer{order:2;padding:7px 12px;font-size:7px;flex-shrink:0}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:103px;height:4px;background:#959b9f;border-radius:5px}.board-toolbar{font-size:9px;padding-bottom:9px;margin-bottom:10px}.board-toolbar select{font-size:9px;padding:4px}.request-card{padding:12px;margin-bottom:10px}.request-head{font-size:8px}.request-card h3{font-size:13px;margin-top:7px}.request-card p{font-size:9px;margin-bottom:9px}.request-bottom{font-size:8px;padding-top:8px}.request-bottom button{font-size:9px}.priority{font-size:7px}.info-note{font-size:9px;line-height:1.5;padding:9px;margin-top:12px}.stage-caption{max-width:356px;padding:0;gap:8px;flex-shrink:0}.stage-caption p{font-size:10px;line-height:1.45}.stage-caption>span{font-size:16px}.form-grid{grid-template-columns:1fr;gap:12px;margin-top:15px}label{font-size:10px}label select{font-size:10px;padding:9px;margin-top:4px}.offer-condition{font-size:9px;line-height:1.5;margin:12px 0}.primary{font-size:10px;padding:10px 12px}.result{padding:12px;margin-top:14px}.result h3{font-size:12px}.result p{font-size:10px}.badge{font-size:8px}.status-list{margin:17px 0}.status-list li{font-size:11px;padding-bottom:15px}.status-list small{font-size:9px}.slot-options{gap:8px;margin:10px 0}.slot-options label{font-size:9px;padding:7px}.overview-grid{gap:6px}.stat{padding:9px 7px}.stat strong{font-size:23px}.stat span{font-size:8px;line-height:1.4;display:block}.measure-table{font-size:9px;margin-top:15px}.measure-table td,.measure-table th{padding:9px 3px}.measure-table th{font-size:8px}.journey-progress{height:38px;display:flex;align-items:center;gap:20px;padding:0 4%;flex-shrink:0;color:#7e898f;font-size:9px}.journey-progress>span:first-child{min-width:220px}.journey-progress>span:last-child{font-size:8px;letter-spacing:1.5px}.progress-track{height:2px;background:#d8dfe2;flex:1}#progress-fill{height:100%;background:#b52e35;width:0;transition:width .1s linear}.chapter-enter{animation:chapterIn .45s ease both}@keyframes chapterIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}footer{position:relative}.empty-state{padding:25px 8px}.empty-state p{font-size:11px}
@media(min-width:1500px){.story{padding-top:30px;padding-bottom:25px}.app-content{padding:20px 16px}.phone-frame{width:375px;height:min(700px,calc(100svh - 185px))}.stage-label,.stage-caption{width:375px;max-width:375px}.story-bottom{padding-top:25px}.request-card{padding:15px}}
@media(max-height:760px) and (min-width:851px){header{height:58px}.pinned-scene{padding-top:58px}.story{padding-top:8px;padding-bottom:8px}.chapters{margin:12px 0 19px}h1{font-size:34px;margin-bottom:14px}.lead{font-size:14px;margin-bottom:12px}.body-copy,.story-list{font-size:11px}.story-callout{margin:12px 0;padding:10px 12px}.story-callout p{font-size:10px}.story-facts{margin-top:12px;padding-top:10px}.story-bottom{padding-top:10px}.story-controls{padding-top:8px}.phone-frame{height:calc(100svh - 150px);min-height:350px}.stage-caption p{font-size:9px}.app-stage{gap:9px}.sources-link{margin-top:8px}}
@media(max-width:1000px) and (min-width:851px){.story{padding-left:7%;padding-right:7%}.chapters{gap:9px}.chapters button{font-size:9px}h1{font-size:34px}.lead{font-size:14px}.body-copy{font-size:11px}.phone-frame{width:330px}.stage-label,.stage-caption{width:330px}.app-stage{padding-left:5%;padding-right:5%}}
@media(max-width:850px){header{height:55px;padding:0 5%;position:absolute}.brand{font-size:20px}.brand>.logo{height:26px;width:26px;font-size:27px}.concept{font-size:8px;padding:3px 7px}.pinned-scene{padding-top:55px;background:#f1f3f4}.split{display:flex;flex-direction:column;overflow:hidden}.story{flex-shrink:0;padding:10px 6% 9px;background:white;border:0;display:block}.story-top,.chapters,.story-kicker,.body-copy,.story-facts,.story-bottom,.story-callout{display:none}h1{font-size:27px;line-height:1.13;letter-spacing:-.7px;margin-bottom:9px}h1 br{display:none}.lead{font-size:12px;line-height:1.5;margin:0}.app-stage{flex:1;min-height:0;padding:12px 4% 3px;gap:8px}.phone-frame{width:310px;min-height:0;height:100%;max-height:610px;border-radius:35px;padding-bottom:17px}.phone-status{height:33px;border-radius:27px 27px 0 0;font-size:9px;padding:0 20px}.phone-camera{height:15px;top:12px;width:76px}.app-window{border-radius:0 0 24px 24px}.stage-label{width:310px;font-size:7px;flex-shrink:0}.stage-label button{font-size:9px}.stage-caption{display:none}.app-header{padding:9px 13px}.app-content{padding:13px}.app-nav{padding:0 6px;gap:0}.app-nav button{padding:9px 2px;font-size:8px}.app-footer{font-size:6px;padding:5px 10px}.journey-progress{height:33px;padding:0 5%;gap:10px;font-size:8px}.journey-progress>span:first-child{min-width:0;max-width:145px;line-height:1.25}.journey-progress>span:last-child{font-size:7px}.home-indicator{bottom:7px;height:3px}.app-brand{font-size:14px}.app-brand small{font-size:7px}.app-brand .logo{width:22px;height:22px;font-size:23px}.app-content h2{font-size:16px}.app-subtitle{font-size:9px;margin-bottom:10px}.request-card{padding:10px}.request-card p{font-size:8px}.request-head{font-size:7px}.request-card h3{font-size:12px}.request-bottom{font-size:7px}.request-bottom button{font-size:8px}.info-note{font-size:8px}.overview-grid .stat{padding:7px}.measure-table td{padding:8px 2px}.header-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-enter{animation:none}#progress-fill{transition:none}}
header{position:fixed;background:linear-gradient(90deg,#fff 46%,#edf0f1 46%)}footer button{background:none;border:0;color:#8a9296;text-decoration:underline;font:inherit;padding:0}@media(max-width:850px){header{position:fixed;background:white}}
/* Project presentation typography: explanatory, rather than promotional. */
.story h1{font-size:clamp(29px,2.65vw,41px);letter-spacing:-.8px;line-height:1.18;font-weight:600}.story .lead{font-size:16px;line-height:1.65;color:#46535d}.story-kicker{color:#6f7980;letter-spacing:.3px;text-transform:none;font-weight:normal;font-size:12px}.story-top{color:#7d858b;letter-spacing:.3px;font-weight:normal}.story-callout{border-left:0;border-top:1px solid #dce0e3;background:none;padding:15px 0 0;margin-top:21px}.story-callout strong{font-size:13px;font-weight:600;color:#49555e}.story-callout p{color:#737d85;font-size:12px;line-height:1.6}.body-copy{font-size:13px;line-height:1.7}.story-facts{border-top:0;padding-top:4px}.header-label{letter-spacing:.6px}.concept{border:0;padding:0}.stage-label{letter-spacing:0;text-transform:none;font-size:10px;color:#6b7884}.stage-caption p{color:#78838e;font-size:10px;line-height:1.5}.stage-caption>span{display:none}.sdgs{flex-wrap:wrap;gap:5px}.sdgs span{font-size:8px}.brand{font-weight:600}.chapters button.active{color:#374b62;border-color:#374b62}.story-controls button{color:#445d77}#progress-fill{background:#566d84}
/* Mobile public-service interface, with grouped controls and restrained navy accents. */
.phone-frame{background:#1d2530;border-color:#56616e}.phone-camera{background:#17202b}.phone-status{color:#182d48;background:#fff}.app-window{color:#182d48;background:#f3f5f8}.app-header{background:white;border-bottom:1px solid #dce2e9;padding:14px 15px}.app-brand{font-weight:650;letter-spacing:-.3px}.app-brand .logo{background:#c53440;border-radius:5px}.app-brand small{font-size:8px;color:#637184;margin-top:3px;letter-spacing:0}.app-content{background:#f3f5f8}.app-content h2{font-size:21px;letter-spacing:-.5px;line-height:1.25;color:#182d48}.app-subtitle{color:#64748a;font-size:10px}.app-nav{background:white;border-color:#dce3eb;padding:0 5px}.app-nav button{color:#77869a;font-size:9px;padding:9px 2px 10px;min-width:64px;border-top:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.2}.app-nav button:before{display:block;font-size:19px;line-height:22px;font-weight:normal;height:22px;color:#8491a2}.app-nav button[data-screen=needs]:before{content:'☷'}.app-nav button[data-screen=offer]:before{content:'＋'}.app-nav button[data-screen=handover]:before{content:'⇄'}.app-nav button[data-screen=overview]:before{content:'▥'}.app-nav button.active{color:#173b65;border:0;font-weight:bold}.app-nav button.active:before{color:#173b65}.app-nav button>span{position:absolute;right:4px;top:4px;background:#dbe5f0;color:#274867;font-size:8px;line-height:1.2}.app-footer{background:#f3f5f8;color:#8a96a5;border-top:0;font-size:7px;padding:6px 12px}.region{color:#506680;border:1px solid #e1e7ed;border-radius:6px;padding:4px 6px}.board-toolbar{border-bottom:0;margin-bottom:10px;padding-bottom:0;color:#6c7e93}.board-toolbar select{color:#315473;background:#e8eef5;border:0;border-radius:6px;padding:6px 8px}.request-card{background:white;border:1px solid #e3e8ef;border-radius:12px;padding:13px;box-shadow:0 1px 2px #20314b04;margin-bottom:10px}.request-head{color:#5c796f;font-size:8px}.request-card h3{color:#213b57;font-size:14px;margin:10px 0 5px;font-weight:600}.request-card p{color:#748498;line-height:1.5}.priority{border-radius:4px;background:#faf0df;color:#927247;padding:3px 5px}.request-bottom{border-color:#eaf0f5;color:#75879a;padding-top:10px}.request-bottom button{color:#31577f;font-size:9px}.info-note{background:#e9eff6;color:#5c7188;border:0;border-radius:7px;padding:11px;font-size:9px;line-height:1.55}.primary{width:100%;background:#193f6b;color:#fff;border-radius:9px;font-size:11px;padding:12px 11px;box-shadow:0 1px 2px #18304a10;font-weight:600}.primary:hover{background:#102f53}.group-label{color:#7b8999;font-size:8px;letter-spacing:.8px;margin-top:20px;margin-bottom:7px}.form-grid{gap:0;border:1px solid #e0e6ed;background:#fff;border-radius:10px;overflow:hidden;margin-top:0}.form-grid>label{padding:10px 12px;color:#758599;font-size:9px;font-weight:normal}.form-grid>label+label{border-top:1px solid #e7ecf2}.form-grid select{border:0;padding:3px 0;color:#213f5f;font-size:12px;background:white;margin:4px 0 0}.offer-condition{color:#8290a0;font-size:9px}.result{background:#fff;border:1px solid #dfe7ec;border-radius:10px;padding:13px}.result h3{color:#25415c;font-size:13px}.result p{color:#748497;font-size:10px}.badge{background:#e6efe9;color:#527264;border-radius:5px;font-size:8px}.status-list{background:white;border:1px solid #e3e9ef;border-radius:11px;padding:15px 13px 0}.status-list li{padding-left:30px;color:#314a64}.status-list small{color:#8190a0}.status-list li:before{background:#e7eef5;color:#3f6181}.status-list li.pending:before{background:#eef1f5;color:#8797a9}.slot-options label{background:white;border:1px solid #dce5ef;border-radius:7px;font-size:9px;color:#536f89}.stat{background:white;border:1px solid #e0e7ef;border-radius:9px}.stat strong{color:#25486d}.stat span{color:#8090a3}.measure-table{background:white;border-radius:10px;overflow:hidden;font-size:9px}.measure-table td,.measure-table th{padding:10px 7px;border-color:#e6edf3}.measure-table th{color:#8492a4;text-transform:none}.measure-table td{color:#526c86}.measure-table td:last-child{color:#8a98a7}.success{background:#e5eee8;color:#5c7a68}
@media(max-height:760px) and (min-width:851px){.story h1{font-size:31px}.story .lead{font-size:14px;line-height:1.55}.body-copy{font-size:11px}.story-callout{padding-top:11px;margin-top:13px}.story-callout p{font-size:10px}.story-kicker{font-size:10px}.app-content h2{font-size:19px}}
@media(max-width:850px){.story h1{font-size:25px;margin-bottom:8px}.story .lead{font-size:12px;line-height:1.5}.app-content h2{font-size:18px}.app-header{padding:10px 13px}.app-nav button{font-size:8px;padding:7px 2px}.app-nav button:before{font-size:17px;height:18px;line-height:18px}.request-card{padding:10px}.request-card h3{font-size:13px}.app-content .info-note{font-size:8px}.stage-label{font-size:8px}}
/* Original humanitarian illustrations and a handset with a fixed phone aspect ratio. */
header{background:linear-gradient(90deg,#fff 46%,#f3eeee 46%)}.pinned-scene{background:linear-gradient(90deg,#fff 46%,#f3eeee 46%)}.app-stage{position:relative}.app-stage:before{content:'';position:absolute;width:440px;height:440px;max-width:95%;border:1px solid #dfd4d4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.app-stage:after{content:'';position:absolute;width:530px;height:530px;max-width:115%;border:1px solid #e7dddd;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.stage-label,.stage-caption,.phone-frame{z-index:1}.project-figure{margin:15px 0 16px;background:#f7f6f4;border-radius:3px;border-bottom:2px solid #e8dddd;padding:8px 6px 3px}.project-figure svg{display:block;width:100%;height:clamp(100px,16svh,150px)}.story h1{font-size:clamp(29px,2.6vw,39px);margin-bottom:13px}.story .lead{font-size:14px;line-height:1.6;margin-bottom:10px}.body-copy{font-size:12px;line-height:1.65}.story-callout{margin-top:14px;padding-top:11px}.story-callout p{font-size:11px;line-height:1.6}.story-facts{display:none}.chapters{margin-bottom:20px}.story-bottom{padding-top:13px}.story-controls{padding-top:9px}.story-kicker{margin-bottom:10px}.sources-link{margin-top:8px}.chapters button.active,.story-controls button{color:#a92d37}.chapters button.active{border-color:#b93640}#progress-fill{background:#b93640}
.phone-frame{--handset-height:min(680px,calc(100svh - 176px));height:var(--handset-height);width:calc(var(--handset-height) * .465);min-height:0;max-height:none;flex:none;aspect-ratio:465/1000;padding:0 6px 17px;border-radius:38px;border:2px solid #525356;background:#252527;box-shadow:0 25px 45px #5c393526,0 1px 0 2px #a5a0a0 inset;overflow:visible}.phone-frame:before{content:'';position:absolute;left:-4px;top:95px;width:3px;height:40px;border-radius:2px;background:#69676a;box-shadow:0 49px 0 #69676a}.phone-frame:after{content:'';position:absolute;right:-4px;top:133px;width:3px;height:60px;border-radius:2px;background:#69676a}.phone-status{height:37px;margin-top:5px;border-radius:29px 29px 0 0;padding:0 18px;font-size:9px}.phone-camera{top:12px;height:17px;width:70px;background:#161618}.phone-camera:after{content:'';position:absolute;width:6px;height:6px;background:#253645;border:1px solid #334958;border-radius:50%;right:9px;top:5px}.app-window{border-radius:0 0 27px 27px;overflow:hidden}.home-indicator{width:85px;height:3px;bottom:7px;background:#aaa6a6}.stage-label,.stage-caption{width:316px;max-width:90%}.app-header{padding:11px 12px}.app-brand{font-size:14px}.app-brand small{font-size:7px}.app-brand .logo{width:24px;height:24px;font-size:24px}.region{font-size:8px;padding:3px 4px}.app-content{padding:14px 11px;background:#f7f6f5}.app-content h2{font-size:18px;color:#333b41}.app-subtitle{font-size:9px;color:#7a8188}.request-card{border-radius:9px;border-color:#e5e0df;padding:10px;background:#fff}.request-visual{display:flex;align-items:center;gap:10px;margin:8px 0}.item-drawing{width:45px;height:54px;flex-shrink:0;background:#f3f3ef;border-radius:7px;padding:3px}.request-visual h3{margin:0 0 4px;font-size:12px;color:#3b454b}.request-visual p{font-size:8px;margin:0;line-height:1.5}.request-head{font-size:7px}.priority{font-size:7px;padding:2px 4px}.request-bottom{font-size:7px}.request-bottom button{font-size:8px;color:#ad3540}.board-toolbar{font-size:8px}.board-toolbar select{font-size:8px;background:#eee9e8;color:#67585a;padding:5px}.primary{background:#b8323d;border-radius:8px;font-size:10px}.primary:hover{background:#9b2630}.app-nav button.active,.app-nav button.active:before{color:#ac303b}.app-nav button>span{background:#f1e2e4;color:#a23a44}.app-nav button{min-width:0;flex:1;font-size:8px}.app-nav button:before{font-size:18px;height:20px;line-height:20px}.app-nav{background:#fff}.app-footer{background:#f7f6f5;font-size:6px}.info-note{background:#f0ece9;color:#827574;font-size:8px}.form-grid{border-color:#e4dfdc}.form-grid select{color:#4b4e55;font-size:11px}.form-grid>label{color:#8c8080}.group-label{color:#8a7c7e}.result h3{color:#4c4549}.result p{font-size:9px}.result{padding:11px}.status-list{padding:12px 10px 0;border-color:#e4dfdf}.status-list li{font-size:10px}.status-list small{font-size:8px}.status-list li:before{background:#eee7e7;color:#a75059}.slot-options{gap:4px}.slot-options label{padding:6px 3px;font-size:8px}.stat{border-color:#e7e1e0;padding:8px 5px}.stat strong{color:#9d3d46;font-size:22px}.stat span{font-size:7px}.measure-table td,.measure-table th{padding:8px 5px}.measure-table{font-size:8px}.measure-table td{color:#6d6266}.measure-table th{font-size:7px}.stage-caption p{font-size:9px}
@media(min-width:1500px){.phone-frame{--handset-height:min(730px,calc(100svh - 185px))}.stage-label,.stage-caption{width:340px}.story h1{font-size:40px}.story .lead{font-size:16px}.body-copy{font-size:13px}.story-callout p{font-size:12px}.project-figure svg{height:155px}}
@media(max-height:760px) and (min-width:851px){.phone-frame{--handset-height:calc(100svh - 145px)}.app-stage{padding-top:4px;padding-bottom:0;gap:8px}.stage-caption{max-width:290px}.stage-caption p{font-size:8px}.project-figure{margin:9px 0;padding:4px}.project-figure svg{height:85px}.story h1{font-size:29px;margin-bottom:10px}.story .lead{font-size:12px;line-height:1.5}.body-copy{font-size:10px;line-height:1.55}.story-callout p{font-size:9px}.story-callout strong{font-size:11px}.story-callout{margin-top:10px;padding-top:8px}.chapters{margin-bottom:15px}.story-kicker{font-size:9px;margin-bottom:8px}.phone-status{height:33px}.app-content{padding:11px 9px}.app-content h2{font-size:16px}.app-header{padding:9px 10px}.request-visual{gap:7px}.item-drawing{width:37px;height:45px}.app-nav button{font-size:7px}.app-brand{font-size:12px}.app-brand small{font-size:6px}.app-brand .logo{width:20px;height:20px;font-size:21px}}
@media(max-width:850px){header{background:#fff}.pinned-scene{background:#f3eeee}.story{padding:10px 5%}.story h1{font-size:24px;margin-bottom:7px}.story .lead{font-size:11px;line-height:1.45}.project-figure{display:none}.app-stage{padding-top:10px;gap:7px}.phone-frame{--handset-height:min(620px,calc(100svh - 242px));height:var(--handset-height);width:calc(var(--handset-height) * .465);min-height:0;border-radius:32px;padding-bottom:14px}.phone-status{height:29px;border-radius:24px 24px 0 0;padding:0 14px;font-size:8px}.phone-camera{width:58px;height:14px;top:10px}.phone-camera:after{width:5px;height:5px;top:4px;right:7px}.app-window{border-radius:0 0 23px 23px}.app-header{padding:8px}.app-brand{font-size:11px;gap:5px}.app-brand small{font-size:6px}.app-brand .logo{width:20px;height:20px;font-size:20px}.region{font-size:7px}.app-content{padding:10px 8px}.app-content h2{font-size:15px}.app-subtitle{font-size:8px}.app-nav button{font-size:7px;padding:6px 1px}.app-nav button:before{font-size:15px;height:17px;line-height:17px}.app-footer{font-size:5px;padding:4px 7px}.item-drawing{width:34px;height:41px}.request-visual{gap:7px}.request-visual h3{font-size:10px}.request-visual p{font-size:7px}.request-head{font-size:6px}.priority{font-size:6px}.request-card{padding:8px}.stage-label{width:290px;max-width:90%;font-size:8px}.stage-label button{font-size:8px}.home-indicator{width:70px;bottom:6px}.app-stage:before{width:310px;height:310px}.app-stage:after{width:390px;height:390px}}
/* Refined presentation: a generous reading area and a focused app column. */
:root{--chapter-red:#b3323e;--warm-paper:#fcfbf8;--demo-paper:#f2eae8}header{height:75px;background:linear-gradient(90deg,var(--warm-paper) 66.666%,var(--demo-paper) 66.666%);border-top:4px solid var(--chapter-red);padding:0 3.8%}.pinned-scene{padding-top:75px;background:linear-gradient(90deg,var(--warm-paper) 66.666%,var(--demo-paper) 66.666%)}.split{grid-template-columns:2fr 1fr;max-width:none}.story{padding:22px clamp(35px,6.5vw,108px) 15px;background:transparent;justify-content:center;position:relative}.story-top{color:#8b7776;font-size:10px}.story-top span:first-child{font-weight:600}.chapters{gap:23px;margin:18px 0 23px;border-color:#dfdcd7}.chapters button{font-size:11px;color:#8c8985;padding-bottom:10px}.story h1{font-size:clamp(32px,3.15vw,48px);line-height:1.12;letter-spacing:-1.25px;font-weight:650;max-width:750px;margin:0 0 17px;color:#343a3e}.story-kicker{font-size:10px;color:#a84b53;letter-spacing:1px;margin-bottom:13px}.story .lead{font-size:clamp(14px,1.14vw,17px);line-height:1.65;color:#626c70;max-width:750px;margin-bottom:0}.body-copy{font-size:13px;line-height:1.7;color:#747b7d;max-width:750px}.story-callout{display:grid;grid-template-columns:155px 1fr;gap:22px;max-width:750px;border-top:1px solid #e2ddd6;padding-top:15px;margin:18px 0 0}.story-callout strong{font-size:12px;line-height:1.5;color:#8b4a50;margin:0}.story-callout p{font-size:11px;line-height:1.7;color:#788082}.story-bottom{padding-top:17px;max-width:750px}.story-controls{display:none}.sources-link{font-size:10px;color:#9a9791;margin:0}.project-figure{position:relative;max-width:750px;margin:20px 0 18px;padding:12px 18px 10px;background:#f1eee8;border:1px solid #e7e2da;border-radius:12px;box-shadow:0 2px 2px #7e716303}.project-figure svg{height:clamp(120px,17svh,175px);max-width:620px;margin:auto}.figure-label{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#9c8e82;line-height:1.4}.figure-label>span:last-child{font-size:9px;letter-spacing:0}.project-figure figcaption{font-size:9px;text-align:center;color:#9a9287;margin-top:5px;line-height:1.4}.app-stage{padding:7px 6% 8px;gap:13px;border-left:1px solid #e3d8d5}.app-stage:before{width:340px;height:340px;max-width:95%;border-color:#e0d1cd}.app-stage:after{width:440px;height:440px;max-width:125%;border-color:#e9deda}.stage-label{font-size:9px;color:#9a7b78;width:300px;max-width:100%}.stage-label i{background:#c46c70}.stage-label button{color:#ae8e89;font-size:9px}.phone-frame{--handset-height:min(680px,calc(100svh - 235px));border-color:#494849;box-shadow:0 20px 35px #68423c25,0 2px 0 2px #999092 inset}.stage-caption{max-width:300px;width:100%}.stage-caption p{font-size:9px;line-height:1.6;color:#a28b86}.journey-progress{height:78px;display:block;padding:10px 3.8% 9px;background:#fcfbf8ed;border-top:1px solid #dfd9d2;z-index:3;box-shadow:0 -5px 20px #5d484003}.progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9b827d;line-height:1.4;margin-bottom:7px}.progress-heading>span:first-child{font-size:10px;font-weight:500}.scroll-cue{display:flex;gap:10px;align-items:center}.scroll-cue b{font-size:15px;color:#b75059}.progress-rail{position:relative;height:35px}.progress-track{position:absolute;height:4px;top:10px;left:10%;right:10%;background:#e7dfd9;border-radius:4px;overflow:hidden}#progress-fill{height:4px;border-radius:4px;background:#b3323e;box-shadow:0 0 6px #b3323e30;transition:width .18s ease-out}.progress-stops{display:flex;justify-content:space-between;position:relative;z-index:1;height:100%}.progress-stops button{width:20%;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:0;color:#a49389;font-size:8px;line-height:1}.progress-stops button>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f8f5f0;border:2px solid #ded3ca;font-size:9px;font-weight:bold;color:#ac9d92;transition:background .2s,border-color .2s,box-shadow .2s}.progress-stops button>b{font-weight:normal;font-size:8px}.progress-stops button.complete>span{background:#ba5b63;border-color:#ba5b63;color:white}.progress-stops button.current>span{background:#b3323e;border-color:#b3323e;color:white;box-shadow:0 0 0 4px #b3323e16}.progress-stops button.current>b{color:#ad303c;font-weight:bold}.progress-stops button:hover>span{border-color:#b3323e}.read-notes{display:none}.header-label{color:#a08f86;font-size:9px}.concept{font-size:10px;color:#a28a84}.brand{font-size:24px;color:#3a3d3f}.brand>.logo{border-radius:6px;width:30px;height:30px;font-size:30px}#chapter-notes .project-figure{display:block}#chapter-notes .project-figure svg{height:145px}#chapter-notes h3{font-size:18px;color:#5c484b}#chapter-notes p{font-size:13px;line-height:1.7}#chapter-notes .figure-label{font-size:7px}#chapter-notes .project-figure figcaption{font-size:9px}footer{background:var(--warm-paper);border-color:#e1dbd4;color:#a29a93}
@media(min-width:1650px){.story{padding-left:8vw;padding-right:7vw}.phone-frame{--handset-height:min(740px,calc(100svh - 235px))}.stage-label,.stage-caption{max-width:345px;width:345px}.story h1{font-size:50px}.story .lead{font-size:17px}.project-figure svg{height:175px}.body-copy{font-size:14px}.story-callout p{font-size:12px}}
@media(max-width:1150px) and (min-width:851px){.story{padding-left:4.5vw;padding-right:4.5vw}.chapters{gap:17px}.chapters button{font-size:10px}.story h1{font-size:35px}.story .lead{font-size:14px}.story-callout{grid-template-columns:125px 1fr;gap:15px}.body-copy{font-size:12px}.project-figure{padding:10px 12px}.app-stage{padding-left:4%;padding-right:4%}.phone-frame{--handset-height:min(calc((33.333vw - 38px) / .465),calc(100svh - 235px))}.stage-label{font-size:8px}.stage-label button{font-size:8px}.stage-caption p{font-size:8px}.header-label{font-size:8px}.brand{font-size:22px}}
@media(max-height:800px) and (min-width:851px){header{height:60px}.pinned-scene{padding-top:60px}.story{padding-top:9px;padding-bottom:10px}.story-top{font-size:9px}.chapters{margin:10px 0 15px}.chapters button{font-size:10px;padding-bottom:8px}.story h1{font-size:33px;margin-bottom:12px}.story-kicker{font-size:9px;margin-bottom:9px}.story .lead{font-size:13px;line-height:1.55}.project-figure{margin:13px 0 12px;padding:8px 12px}.project-figure svg{height:105px}.project-figure figcaption{font-size:8px;margin-top:3px}.figure-label{font-size:6px}.body-copy{font-size:11px;line-height:1.6}.story-callout{margin-top:12px;padding-top:10px;gap:16px}.story-callout strong{font-size:11px}.story-callout p{font-size:10px;line-height:1.55}.story-bottom{padding-top:10px}.phone-frame{--handset-height:min(calc((33.333vw - 35px) / .465),calc(100svh - 207px))}.journey-progress{height:70px;padding-top:7px;padding-bottom:6px}.app-stage{gap:9px}.stage-caption p{font-size:8px}}
@media(max-width:850px){header{height:54px;padding:0 5%;background:var(--warm-paper)}.pinned-scene{padding-top:54px;background:var(--demo-paper)}.header-label{display:none}.brand{font-size:20px}.brand>.logo{width:25px;height:25px;font-size:26px}.concept{font-size:8px}.split{display:flex;flex-direction:column}.story{padding:12px 6% 10px;background:var(--warm-paper);flex-shrink:0}.story h1{font-size:26px;margin:0 0 8px;line-height:1.16;letter-spacing:-.6px}.story .lead{font-size:12px;line-height:1.5;max-width:none}.story-kicker,.story-top,.chapters,.body-copy,.story-callout,.story-bottom,.story-facts,.project-figure{display:none}.read-notes{display:inline-flex;align-items:center;gap:9px;border:0;background:none;color:#a0444e;font-size:10px;padding:8px 0 0;text-decoration:underline;text-underline-offset:3px}.app-stage{flex:1;min-height:0;border-left:0;border-top:1px solid #eadfda;padding:9px 4% 5px;gap:8px}.phone-frame{--handset-height:min(620px,calc(100svh - 315px));height:var(--handset-height);width:calc(var(--handset-height) * .465)}.stage-label{font-size:8px;width:280px;max-width:90%}.stage-label button{font-size:8px}.stage-caption{display:none}.journey-progress{height:68px;flex-shrink:0;padding:7px 5% 6px}.progress-heading{font-size:8px;margin-bottom:6px}.progress-heading>span:first-child{font-size:8px;max-width:65%;min-width:0}.scroll-cue{font-size:7px;gap:4px}.scroll-cue b{font-size:12px}.progress-stops button>span{height:21px;width:21px;font-size:8px}.progress-stops button>b{font-size:7px}.progress-track{height:4px;top:9px}.progress-stops button{gap:4px}.progress-rail{height:32px}.app-stage:before{width:260px;height:260px;max-width:80%}.app-stage:after{width:350px;height:350px;max-width:100%}}
@media(max-width:450px){.story h1{font-size:23px}.story .lead{font-size:11px;line-height:1.5}.story{padding:11px 5% 9px}.read-notes{font-size:9px;padding-top:7px}.phone-frame{--handset-height:min(570px,calc(100svh - 310px))}.concept{font-size:7px}.story .lead{max-width:370px}}
@media(max-height:600px) and (min-width:851px){.story-top,.chapters{display:none}.story h1{font-size:27px}.story .lead{font-size:12px}.project-figure svg{height:72px}.project-figure{margin:10px 0}.figure-label{display:none}.story-callout{margin-top:8px;padding-top:8px}.phone-frame{--handset-height:calc(100svh - 170px)}.stage-caption{display:none}.app-stage{gap:7px}.story-bottom{padding-top:6px}}
@media(prefers-reduced-motion:reduce){.progress-stops button>span,#progress-fill{transition:none}}
.demo-actions{display:flex;gap:10px;align-items:center}#expand-demo{display:none}@media(max-width:850px){#expand-demo{display:inline-block;color:#9f4550;border-bottom:1px solid #cba4a6;padding:0 0 2px}.app-stage.expanded-demo{position:fixed;inset:54px 0 68px;background:var(--demo-paper);z-index:4;padding:12px 5%;justify-content:center}.expanded-demo .phone-frame{--handset-height:min(720px,calc(100svh - 167px))}.expanded-demo .stage-label{max-width:90%;width:320px}.expanded-demo .app-content{padding:14px 12px}.expanded-demo .app-content h2{font-size:18px}.expanded-demo .request-visual h3{font-size:12px}.expanded-demo .request-visual p{font-size:9px}.expanded-demo .request-head{font-size:8px}.expanded-demo .app-brand{font-size:14px}.expanded-demo .app-header{padding:12px}.expanded-demo .app-nav button{font-size:9px;padding:8px 2px}.expanded-demo .app-nav button:before{font-size:18px}.expanded-demo .app-subtitle{font-size:10px}}
/* Larger reading sizes and a 60/40 desktop composition. */
header{background:linear-gradient(90deg,var(--warm-paper) 60%,var(--demo-paper) 60%)}.pinned-scene{background:linear-gradient(90deg,var(--warm-paper) 60%,var(--demo-paper) 60%)}.split{grid-template-columns:3fr 2fr}.story{padding-left:clamp(28px,4vw,75px);padding-right:clamp(28px,4vw,75px)}.story h1{font-size:clamp(36px,3.45vw,55px);line-height:1.12;letter-spacing:-1.3px;max-width:none}.story .lead{font-size:clamp(17px,1.32vw,21px);line-height:1.58;max-width:none}.body-copy{font-size:clamp(15px,1.05vw,17px);line-height:1.65;max-width:none}.story-callout{max-width:none;grid-template-columns:160px 1fr;gap:20px}.story-callout strong{font-size:14px;line-height:1.5}.story-callout p{font-size:13px;line-height:1.6}.story-kicker{font-size:12px}.story-top{font-size:12px}.chapters{gap:22px;margin-bottom:21px}.chapters button{font-size:13px}.project-figure{max-width:none;margin:18px 0;padding:10px 15px}.project-figure svg{height:clamp(115px,16svh,165px);max-width:none}.figure-label{font-size:9px}.figure-label>span:last-child{font-size:11px}.project-figure figcaption{font-size:11px}.story-bottom{max-width:none;padding-top:12px}.sources-link{font-size:11px}.stage-label{font-size:11px;max-width:95%;width:340px}.stage-label button{font-size:11px}.stage-caption{max-width:340px}.stage-caption p{font-size:11px;line-height:1.5}.phone-frame{--handset-height:min(730px,calc(100svh - 220px))}.app-stage{gap:12px;padding-left:6%;padding-right:6%}.app-content{padding:16px 13px}.app-content h2{font-size:23px;line-height:1.2}.app-subtitle{font-size:12px;line-height:1.5;margin-bottom:14px}.app-brand{font-size:17px}.app-brand small{font-size:9px}.app-brand .logo{width:28px;height:28px;font-size:28px}.app-header{padding:13px}.region{font-size:10px;padding:4px 5px}.phone-status{font-size:11px}.board-toolbar{font-size:11px}.board-toolbar select{font-size:11px;padding:6px}.request-card{padding:12px}.request-head{font-size:10px;line-height:1.4}.priority{font-size:9px;padding:3px 5px}.request-visual{gap:10px;margin:12px 0}.item-drawing{width:47px;height:58px}.request-visual h3{font-size:15px;line-height:1.25}.request-visual p{font-size:11px;line-height:1.5}.request-bottom{font-size:10px;gap:7px;align-items:start}.request-bottom button{font-size:11px;flex-shrink:0}.info-note{font-size:11px;line-height:1.55;padding:11px}.app-footer{font-size:8px;padding:7px 10px}.app-nav button{font-size:10px;padding:10px 2px}.app-nav button:before{font-size:21px;line-height:23px;height:23px}.app-nav button>span{font-size:9px}.primary{font-size:13px;padding:12px;line-height:1.4}.group-label{font-size:10px}.form-grid>label{font-size:12px;padding:12px}.form-grid select{font-size:14px;padding:5px 0}.offer-condition{font-size:11px;line-height:1.5}.result{padding:13px}.result h3{font-size:15px}.result p{font-size:12px;line-height:1.5}.badge{font-size:10px}.status-list li{font-size:13px;padding-left:30px;padding-bottom:18px}.status-list small{font-size:11px;line-height:1.4}.slot-options label{font-size:11px;padding:7px 4px}.stat strong{font-size:26px}.stat span{font-size:10px;line-height:1.4}.measure-table{font-size:11px}.measure-table td,.measure-table th{padding:10px 5px}.measure-table th{font-size:10px}.progress-heading>span:first-child{font-size:12px}.scroll-cue{font-size:11px}.progress-stops button>b{font-size:10px}.progress-stops button>span{font-size:10px}.header-label{font-size:10px}.concept{font-size:11px}
@media(min-width:1650px){.story{padding-left:5vw;padding-right:5vw}.story h1{font-size:56px}.story .lead{font-size:21px}.body-copy{font-size:17px}.story-callout p{font-size:15px}.story-callout strong{font-size:16px}.phone-frame{--handset-height:min(790px,calc(100svh - 220px))}.stage-label,.stage-caption{width:365px;max-width:365px}.project-figure svg{height:170px}}
@media(max-width:1150px) and (min-width:851px){.story{padding-left:3.3vw;padding-right:3.3vw}.story h1{font-size:37px}.story .lead{font-size:16px}.body-copy{font-size:14px}.story-callout{grid-template-columns:1fr;gap:5px}.story-callout strong{font-size:13px}.story-callout p{font-size:12px}.chapters{gap:14px}.chapters button{font-size:11px}.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100svh - 225px))}.stage-label{font-size:10px}.stage-label button{font-size:10px}.stage-caption p{font-size:10px}}
@media(max-height:830px) and (min-width:851px){.story{padding-top:9px;padding-bottom:8px}.story-top{font-size:10px}.chapters{margin:10px 0 13px}.chapters button{font-size:11px}.story-kicker{font-size:10px;margin-bottom:8px}.story h1{font-size:35px;margin-bottom:12px}.story .lead{font-size:15px;line-height:1.5}.body-copy{font-size:13px;line-height:1.55}.project-figure{margin:12px 0;padding:7px 12px}.project-figure svg{height:95px}.figure-label{font-size:8px}.project-figure figcaption{font-size:9px}.story-callout{margin-top:10px;padding-top:9px;gap:12px;grid-template-columns:145px 1fr}.story-callout strong{font-size:12px}.story-callout p{font-size:11px;line-height:1.5}.story-bottom{padding-top:8px}.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100svh - 205px))}.stage-caption p{font-size:9px}.app-stage{gap:9px}.app-content h2{font-size:21px}.app-brand{font-size:15px}.app-brand small{font-size:8px}.app-header{padding:10px 12px}.app-content{padding:13px 11px}.request-visual h3{font-size:14px}.request-visual p{font-size:10px}.request-head{font-size:9px}.priority{font-size:8px}.request-bottom{font-size:9px}.request-bottom button{font-size:10px}.app-nav button{font-size:9px;padding:8px 2px}.info-note{font-size:10px}}
@media(max-width:850px){header{background:var(--warm-paper)}.pinned-scene{background:var(--demo-paper)}.split{display:flex;flex-direction:column}.story{padding:12px 5% 10px}.story h1{font-size:28px;letter-spacing:-.65px;margin-bottom:8px}.story .lead{font-size:13px;line-height:1.5;max-width:none}.read-notes{font-size:11px;padding-top:8px}.phone-frame{--handset-height:min(640px,calc(100svh - 332px))}.stage-label{font-size:9px;width:290px;max-width:95%}.stage-label button{font-size:9px}.app-stage{padding:9px 4% 5px;gap:8px}.phone-status{font-size:9px}.app-brand{font-size:13px}.app-brand small{font-size:7px}.app-brand .logo{width:22px;height:22px;font-size:23px}.app-header{padding:9px}.app-content{padding:11px 9px}.app-content h2{font-size:18px}.app-subtitle{font-size:10px}.request-card{padding:9px}.request-head{font-size:8px}.priority{font-size:7px}.request-visual h3{font-size:12px}.request-visual p{font-size:9px}.item-drawing{width:35px;height:44px}.request-bottom{font-size:8px;flex-wrap:wrap}.request-bottom button{font-size:10px}.info-note{font-size:9px}.app-nav button{font-size:8px;padding:7px 1px}.app-nav button:before{font-size:17px;height:19px;line-height:19px}.app-footer{font-size:6px}.region{font-size:8px}.primary{font-size:11px;padding:10px}.form-grid>label{font-size:10px;padding:10px}.form-grid select{font-size:12px}.progress-heading>span:first-child{font-size:9px}.scroll-cue{font-size:8px}.progress-stops button>b{font-size:8px}.progress-stops button>span{font-size:9px}.concept{font-size:8px}.expanded-demo .phone-frame{--handset-height:min(740px,calc(100svh - 167px))}.expanded-demo .app-content h2{font-size:23px}.expanded-demo .app-subtitle{font-size:12px}.expanded-demo .request-visual h3{font-size:15px}.expanded-demo .request-visual p{font-size:11px}.expanded-demo .request-head{font-size:10px}.expanded-demo .request-bottom{font-size:10px}.expanded-demo .request-bottom button{font-size:12px}.expanded-demo .info-note{font-size:11px}.expanded-demo .app-nav button{font-size:10px}}
@media(max-width:450px){.story h1{font-size:25px}.story .lead{font-size:12px}.read-notes{font-size:10px}.phone-frame{--handset-height:min(580px,calc(100svh - 335px))}.concept{font-size:7px}}
@media(max-height:620px) and (min-width:851px){.story-top,.chapters{display:none}.story h1{font-size:28px}.story .lead{font-size:13px}.body-copy{font-size:11px}.story-callout p{font-size:10px}.story-callout strong{font-size:11px}.project-figure svg{height:70px}.project-figure figcaption{font-size:8px}.project-figure{margin:8px 0;padding:4px 9px}.phone-frame{--handset-height:calc(100svh - 165px)}.stage-caption{display:none}}
/* Fixed viewport; only chapter content and app panels can scroll. */
html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}body{position:fixed;inset:0}.scroll-journey{position:fixed;inset:0;height:100dvh!important;overflow:hidden}.pinned-scene{position:absolute;inset:0;height:100%;padding-top:75px;overflow:hidden;display:flex;flex-direction:column}.split{flex:1;min-height:0;overflow:hidden}.journey-progress{height:78px;min-height:78px;flex:0 0 78px;position:relative;margin:0}.story{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:20px clamp(25px,3.5vw,65px) 14px}.story-top{flex-shrink:0;font-size:12px}.chapters{flex-shrink:0;margin:17px 0 22px;gap:20px}.chapters button{font-size:14px;padding-bottom:11px}.story #story-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d4c9c1 transparent;overscroll-behavior:contain;padding-right:9px;padding-bottom:8px}.story #story-content h1{font-size:clamp(38px,3.5vw,56px);line-height:1.13;letter-spacing:-1px;margin:0 0 19px;max-width:none}.story #story-content .lead{font-size:clamp(20px,1.5vw,24px);line-height:1.55;margin-bottom:0;max-width:none}.story #story-content .body-copy{font-size:18px;line-height:1.65;max-width:none}.story #story-content .story-kicker{font-size:13px;letter-spacing:.8px;margin-bottom:14px}.story #story-content .story-callout{display:block;margin:20px 0 0;padding-top:17px}.story #story-content .story-callout strong{font-size:17px;line-height:1.5;margin-bottom:8px;display:block}.story #story-content .story-callout p{font-size:16px;line-height:1.6}.story #story-content .project-figure{margin:21px 0 20px;padding:12px 15px}.story #story-content .project-figure svg{height:clamp(120px,17vh,170px)}.story #story-content .project-figure figcaption{font-size:12px;line-height:1.5}.story #story-content .figure-label{font-size:9px}.story-bottom{flex-shrink:0;padding-top:8px}.story .sources-link{font-size:11px}.app-stage{min-height:0;height:100%}.phone-frame{--handset-height:min(730px,calc(100dvh - 220px))}.app-content{overscroll-behavior:contain}.progress-heading>span:first-child{font-size:12px}.progress-stops button>b{font-size:10px}header{height:75px}.stage-caption{flex-shrink:0}.chapter-enter{animation:chapterIn .35s ease both}
@media(min-width:1650px){.phone-frame{--handset-height:min(790px,calc(100dvh - 220px))}.story #story-content h1{font-size:56px}.story #story-content .lead{font-size:24px}.story #story-content .body-copy{font-size:20px}.story #story-content .story-callout p{font-size:18px}}
@media(max-width:1150px) and (min-width:851px){.story{padding-left:3vw;padding-right:3vw}.chapters{gap:14px}.chapters button{font-size:12px}.story #story-content h1{font-size:39px}.story #story-content .lead{font-size:20px}.story #story-content .body-copy{font-size:17px}.story #story-content .story-callout p{font-size:16px}.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100dvh - 220px))}}
@media(max-height:830px) and (min-width:851px){header{height:60px}.pinned-scene{padding-top:60px}.story{padding-top:12px;padding-bottom:10px}.story-top{font-size:11px}.chapters{display:flex;margin:12px 0 16px}.chapters button{font-size:12px}.story #story-content h1{font-size:38px}.story #story-content .lead{font-size:20px}.story #story-content .body-copy{font-size:17px}.story #story-content .story-callout strong{font-size:16px}.story #story-content .story-callout p{font-size:15px}.story #story-content .project-figure svg{height:120px}.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100dvh - 205px))}.journey-progress{height:78px;min-height:78px;flex-basis:78px}}
@media(max-width:850px){header{height:54px}.pinned-scene{padding-top:54px}.split{display:flex;flex-direction:column}.story{height:auto;flex:0 0 auto;max-height:30%;padding:12px 5% 9px}.story-top,.chapters,.story-bottom{display:none}.story #story-content{flex:0 1 auto;padding-right:0;padding-bottom:0;overflow:auto}.story #story-content h1{font-size:28px;margin:0 0 9px;line-height:1.17}.story #story-content .lead{font-size:15px;line-height:1.5}.story #story-content .story-kicker,.story #story-content .body-copy,.story #story-content .story-callout,.story #story-content .project-figure{display:none}.read-notes{font-size:11px}.app-stage{height:auto;flex:1;min-height:0}.phone-frame{--handset-height:min(640px,calc(100dvh - 355px))}.journey-progress{height:70px;min-height:70px;flex-basis:70px;padding:8px 5% 6px}.progress-heading>span:first-child{font-size:9px}.progress-stops button>b{font-size:8px}.app-stage.expanded-demo{top:54px;bottom:70px;height:auto}.expanded-demo .phone-frame{--handset-height:min(740px,calc(100dvh - 170px))}}
@media(max-width:450px){.story #story-content h1{font-size:25px}.story #story-content .lead{font-size:14px}.phone-frame{--handset-height:min(580px,calc(100dvh - 355px))}}
@media(max-height:620px) and (min-width:851px){.story-top{display:none}.chapters{margin-top:0;margin-bottom:12px}.story #story-content h1{font-size:35px}.story #story-content .lead{font-size:19px}.story #story-content .body-copy{font-size:17px}.phone-frame{--handset-height:calc(100dvh - 170px)}.stage-caption{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-enter{animation:none}}
/* Continuous narrative, with a stable demo beside it. */
.story #story-content{scroll-behavior:smooth;padding:0 14px 0 0;position:relative;scroll-padding-top:18px}.story-chapter{padding:10px 0 62px;margin-bottom:34px;border-bottom:1px solid #ded7cd;scroll-margin-top:18px}.story-chapter:last-child{margin-bottom:0;padding-bottom:45px;border:0}.story #story-content .story-chapter h1{font-size:clamp(37px,3.1vw,50px)}.story #story-content .story-chapter .lead{font-size:21px;line-height:1.65}.story #story-content .story-chapter .body-copy{font-size:18px;line-height:1.8}.story #story-content .story-chapter .story-callout p{font-size:17px;line-height:1.7}.story #story-content .story-chapter .story-callout{margin-bottom:22px}.story #story-content .project-figure svg{height:160px}.inline-demo{background:none;border:0;padding:0;color:#a9444f;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.perspectives{margin:25px 0;padding:22px;background:#f0ece6;border-radius:10px;color:#62676b}.perspectives>b{font-size:16px;color:#715055}.perspectives p{font-size:16px;line-height:1.65;margin:10px 0 15px}.perspectives button{background:#fff;border:1px solid #d9c8c7;border-radius:6px;color:#9c4750;padding:9px 12px;font-size:12px;margin:0 7px 7px 0}.role-switch{width:340px;max-width:100%;display:flex;gap:3px;background:#e8ddda;border:1px solid #dfd0ca;padding:4px;border-radius:9px;z-index:1;flex-shrink:0}.role-switch button{flex:1;border:0;padding:8px 4px;border-radius:6px;background:transparent;color:#957d78;font-size:11px;transition:background .25s,color .25s,box-shadow .25s}.role-switch button.selected{background:#fffdfa;color:#a53b47;box-shadow:0 1px 4px #60423a13;font-weight:bold}.phone-frame{--handset-height:min(730px,calc(100dvh - 263px))}.app-stage{gap:10px}.app-window{--role-accent:#b8323d}.phone-frame[data-role=recipient] .app-window{--role-accent:#416d68}.phone-frame[data-role=organisation] .app-window{--role-accent:#3c5874}.app-window .primary,.app-window .app-brand .logo{background:var(--role-accent)}.app-window .primary:hover{filter:brightness(.92)}.app-window .app-nav button.active,.app-window .app-nav button.active:before{color:var(--role-accent)}.app-nav button[data-screen=activity]:before{content:'▣'}.app-nav button[data-screen=support]:before{content:'⌂'}.app-nav button[data-screen=request]:before{content:'＋'}.app-nav button[data-screen=delivery]:before{content:'⇄'}.app-nav button[data-screen=queue]:before{content:'☷'}.app-nav button[data-screen=logistics]:before{content:'⇄'}.app-nav button{font-size:10px;min-height:57px;gap:5px}.app-content{scroll-behavior:smooth}.app-content .request-card>p{font-size:12px;line-height:1.6}.app-content>label{font-size:12px}.app-content>label select{font-size:13px;padding:10px;background:#fff;border:1px solid #ddd8d4;border-radius:7px;color:#555}.app-content .secondary{width:100%;margin-top:8px;font-size:12px;border-radius:7px}.app-content .status-list li{font-size:12px}.app-content .status-list small{font-size:11px}.app-content .form-grid{margin-bottom:14px}.app-content h3{line-height:1.4}.stage-caption p{font-size:10px}.stage-label{flex-shrink:0}.chapter-enter{animation:none}#mobile-app{display:none}.story-bottom{padding-top:9px}.phone-frame .app-content{animation:none}
@media(max-width:1150px) and (min-width:851px){.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100dvh - 260px))}.story #story-content .story-chapter h1{font-size:37px}.story #story-content .story-chapter .lead{font-size:20px}.story #story-content .story-chapter .body-copy{font-size:17px}.role-switch button{font-size:10px}.stage-caption p{font-size:9px}}
@media(max-height:830px) and (min-width:851px){.phone-frame{--handset-height:min(calc((40vw - 55px) / .465),calc(100dvh - 245px))}.story #story-content .story-chapter h1{font-size:38px}.story #story-content .story-chapter .lead{font-size:20px}.story #story-content .story-chapter .body-copy{font-size:18px}.story #story-content .story-chapter .story-callout p{font-size:16px}.story #story-content .project-figure svg{height:140px}.role-switch button{padding:7px 3px}.app-stage{gap:8px}}
@media(max-width:850px){header .concept{display:none}#mobile-app{display:inline-block;border:1px solid #c8989b;border-radius:6px;color:#a13c47;background:#fff9f6;font-size:11px;padding:7px 10px}.split{display:block;flex:1;min-height:0}.story{display:flex;height:100%;max-height:none;padding:0 6%;flex-direction:column;background:var(--warm-paper)}.story #story-content{display:block;flex:1;min-height:0;padding:0 0 14px;overflow-y:auto;scrollbar-width:none;scroll-padding-top:22px}.story-chapter{padding:25px 0 35px;margin:0 0 15px;border-bottom:1px solid #ded7cd}.story-chapter:last-child{padding-bottom:25px}.story #story-content .story-chapter h1{font-size:32px;line-height:1.18;letter-spacing:-.7px;margin-bottom:17px}.story #story-content .story-chapter .lead{font-size:18px;line-height:1.65;max-width:none}.story #story-content .story-chapter .body-copy{display:block;font-size:17px;line-height:1.8}.story #story-content .story-chapter .story-kicker{display:block;font-size:11px;letter-spacing:.7px;margin-bottom:15px}.story #story-content .story-chapter .story-callout{display:block;margin:23px 0 22px;padding-top:18px}.story #story-content .story-chapter .story-callout strong{font-size:17px}.story #story-content .story-chapter .story-callout p{font-size:16px;line-height:1.7}.story #story-content .project-figure{display:block;margin:23px 0;padding:10px}.story #story-content .project-figure svg{height:auto;width:100%}.story #story-content .project-figure figcaption{font-size:10px}.story #story-content .figure-label{font-size:7px}.story #story-content .story-facts{display:none}.perspectives{padding:19px}.perspectives p{font-size:16px}.inline-demo{font-size:13px}.story-bottom{display:block;padding:6px 0 9px;border-top:1px solid #e9e3dd;flex:0 0 auto}.story-bottom>p,.story-controls{display:none}.story-bottom .sources-link{font-size:10px;margin:0}.app-stage{display:none}.app-stage.expanded-demo{display:flex;position:fixed;inset:54px 0 70px;padding:12px 5% 8px;background:#f0e9e5;z-index:6;height:auto;gap:10px;justify-content:flex-start;overflow:hidden}.expanded-demo .stage-label{width:100%;max-width:540px;font-size:10px;margin:0;flex-shrink:0}.expanded-demo .stage-label>span{font-size:9px}.expanded-demo #expand-demo{display:inline-block;font-size:11px;text-decoration:none;border:1px solid #c8a2a4;border-radius:5px;padding:4px 7px;background:#fff8f5}.expanded-demo .role-switch{width:100%;max-width:540px;flex-shrink:0}.expanded-demo .role-switch button{font-size:12px;padding:9px 4px}.expanded-demo .phone-frame{width:100%;max-width:540px;height:auto;min-height:0;flex:1;aspect-ratio:auto;padding:0;border:0;border-radius:14px;box-shadow:0 4px 20px #583b3812;overflow:hidden;background:#fff}.expanded-demo .phone-frame:before,.expanded-demo .phone-frame:after,.expanded-demo .phone-status,.expanded-demo .phone-camera,.expanded-demo .home-indicator{display:none}.expanded-demo .app-window{border-radius:0;flex:1;min-height:0}.expanded-demo .app-header{padding:14px 18px}.expanded-demo .app-brand{font-size:18px}.expanded-demo .app-brand small{font-size:10px}.expanded-demo .app-brand .logo{width:30px;height:30px;font-size:30px}.expanded-demo .app-content{padding:20px 18px;min-height:0}.expanded-demo .app-content h2{font-size:25px}.expanded-demo .app-subtitle{font-size:13px}.expanded-demo .request-card{padding:15px}.expanded-demo .request-visual h3{font-size:17px}.expanded-demo .request-visual p{font-size:13px}.expanded-demo .request-head{font-size:11px}.expanded-demo .priority{font-size:10px}.expanded-demo .request-bottom{font-size:12px}.expanded-demo .request-bottom button{font-size:13px}.expanded-demo .item-drawing{height:61px;width:48px}.expanded-demo .primary{font-size:14px;padding:13px}.expanded-demo .form-grid>label{font-size:12px;padding:12px}.expanded-demo .form-grid select{font-size:15px}.expanded-demo .info-note{font-size:12px}.expanded-demo .app-content .request-card>p{font-size:13px}.expanded-demo .app-nav button{font-size:11px;min-height:60px;padding:10px 2px}.expanded-demo .app-nav button:before{font-size:21px;line-height:22px;height:22px}.expanded-demo .app-footer{font-size:8px;padding:6px 14px}.expanded-demo .app-stage:after,.expanded-demo .app-stage:before{display:none}.stage-caption{display:none}.journey-progress{flex:0 0 70px}.story #story-content .read-notes{display:none}.expanded-demo .stat span{font-size:11px}.expanded-demo .measure-table{font-size:12px}}
@media(max-width:450px){.story #story-content .story-chapter h1{font-size:29px}.story #story-content .story-chapter .lead{font-size:17px}.story #story-content .story-chapter .body-copy{font-size:16px}.story #story-content .story-chapter .story-callout p{font-size:16px}.app-stage.expanded-demo{padding:10px 3% 6px}.expanded-demo .stage-label>span{max-width:145px;line-height:1.35}.demo-actions{gap:7px}.expanded-demo .stage-label #reset{font-size:9px}.expanded-demo .app-content{padding:17px 14px}}
@media(prefers-reduced-motion:reduce){.story #story-content,.app-content{scroll-behavior:auto}.role-switch button{transition:none}}