/* Edition 04: readable copy; expressive, content-linked motion in the visual planes. */
.cinematic-edition{--cinema-ease:cubic-bezier(.16,1,.3,1)}
.cinematic-edition .hero-theatre{perspective:1100px;border-top-left-radius:150px;background:radial-gradient(ellipse at 45% 23%,#53664e,#243d30 73%)}
.cinematic-edition .hero-canvas{inset:18px -8% 125px;transition:opacity 1.3s var(--cinema-ease),transform 1.6s var(--cinema-ease)}
.cinematic-edition .hero-phase-2 .hero-canvas{opacity:.58;transform:translateY(35px)}
.cinematic-edition .hero-ledger{transition:opacity .6s,translate 1s var(--cinema-ease);animation:paper-in 1.1s var(--cinema-ease) both}
.cinematic-edition .hero-phase-2 .hero-ledger{animation:none;opacity:0;translate:100px 70px;pointer-events:none}
.cinematic-edition .hero-phase-1 .hero-ledger{translate:-30px -5px}
.cinematic-edition .hero-stage-controls button[aria-pressed=true]>i{animation:hero-time 4.6s linear both}
.cinematic-edition .material-note{transition:opacity .5s}.cinematic-edition .hero-phase-2 .material-note{opacity:0}
.cinematic-edition .theatre-orbit{animation:orbit-breathe 12s ease-in-out infinite;animation-play-state:paused}
.cinematic-edition .cinema-running .theatre-orbit{animation-play-state:running}
.hero-dashboard{position:absolute;z-index:4;inset:112px 22px auto 36px;background:#f6f3e9;color:var(--ink);border:1px solid #d5dccd;border-radius:6px;box-shadow:15px 24px 0 #142a2070,0 40px 60px #12241f55;opacity:0;transform:translate3d(100px,120px,-150px) rotateY(-36deg) rotateZ(12deg) scale(.56);transform-origin:50% 80%;transition:transform 1.6s var(--cinema-ease),opacity .6s;pointer-events:none}
.hero-dashboard.dashboard-open{opacity:1;transform:translate3d(0,0,0) rotateY(-7deg) rotateX(4deg) rotateZ(-3deg);transition-delay:.15s}
.dashboard-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #d7dbd0;background:#e5eadd;border-radius:6px 6px 0 0}
.dashboard-chrome>span{display:flex;gap:5px}.dashboard-chrome i{width:5px;height:5px;border:1px solid #84927b;border-radius:50%}.dashboard-chrome small{font-size:9px;color:#566348}
.dashboard-body{display:flex}.dashboard-sidebar{background:#2d4637;width:42px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:20px;padding-top:19px;color:#f5f0df}
.dashboard-sidebar b{font-family:Georgia,serif;font-size:17px;font-weight:400}.dashboard-sidebar i{width:12px;height:12px;border:1px solid #a8b59b;border-radius:2px}.dashboard-main{padding:22px 24px 17px;flex:1;min-width:0}
.dashboard-title>span{font-size:9px;color:#68725c}.dashboard-title>b{display:block;font-size:24px;font-weight:500;margin-top:7px;font-family:var(--serif);line-height:1.4}
.dashboard-summary{display:flex;gap:27px;margin:15px 0}.dashboard-summary small{font-size:9px;display:block;color:#727767;line-height:1.5}.dashboard-summary strong{font-size:32px;font-weight:400;color:#38503a;line-height:1.3}.dashboard-summary em{font-style:normal;font-size:10px;margin-left:6px}
.dashboard-state{font-size:8px;color:#66735e;align-self:center;line-height:1.7}.dashboard-state i{width:6px;height:6px;border-radius:50%;background:#798a5c;display:block;margin-bottom:7px}
.dashboard-table>div{display:grid;grid-template-columns:1.6fr .6fr .8fr;gap:7px;align-items:center;border-top:1px solid #d1d8c9;padding:14px 0;font-size:10px}.dashboard-table>div:first-child{font-size:8px;color:#6d7764;padding-block:9px}.dashboard-table b{font-size:12px;font-weight:500}.dashboard-table i{font-style:normal;font-size:8px;text-align:right;color:#556a44}.dashboard-open .dashboard-table>div:not(:first-child){animation:dashboard-row .8s var(--cinema-ease) .55s both}.dashboard-open .dashboard-table>div:nth-child(3){animation-delay:.7s}.dashboard-open .dashboard-table>div:nth-child(4){animation-delay:.85s}
.dashboard-bottom{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#5e7152;border-top:1px solid #d1d8c9;padding-top:14px}.dashboard-bottom b{font-weight:400}

/* A continuous hand-off of records, between hero and origin. */
.supply-ribbon{overflow:hidden;margin-top:50px;padding:23px 0 31px;background:#e5e8d9;border-block:1px solid #cdd3bd;color:#3d5138}
.ribbon-heading{font-size:11px;display:flex;justify-content:space-between;letter-spacing:.06em}.ribbon-heading>span{font-family:Georgia,serif;font-size:14px}
.ribbon-window{margin-top:25px;transform:translateX(var(--ribbon-shift,0px));width:calc(100% + 260px)}
.ribbon-track{display:flex;width:max-content;animation:ribbon-travel 28s linear infinite;animation-play-state:paused}.cinema-running .ribbon-track{animation-play-state:running}.ribbon-track>div{display:flex;flex-shrink:0;align-items:center}
.ribbon-cell{display:flex;align-items:center;gap:28px;padding-right:54px}.ribbon-cell>b{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:.06em}.ribbon-cell em{font-size:38px;font-style:normal;color:#a1ae8d;font-family:Georgia,serif;margin-left:20px}
.ribbon-cell>i{display:block;position:relative;width:48px;height:45px;color:#748465}.ribbon-box{background:#bda87d;transform:rotate(-9deg);box-shadow:6px 5px 0 #8e8665}.ribbon-box::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:8px;background:#e0d9b7}.ribbon-paper{border:1px solid #748465;background:#f1f0e3;transform:rotate(8deg)}.ribbon-paper::after{content:'';position:absolute;inset:10px 8px;background:repeating-linear-gradient(transparent 0 5px,#a4ae9470 5px 6px)}.ribbon-stock{background:repeating-linear-gradient(0deg,transparent 0 12px,#8c9b77 12px 15px);border-inline:3px solid #8c9b77}.ribbon-clock{border:2px solid #748465;border-radius:50%}.ribbon-clock::before{content:'';position:absolute;width:12px;height:15px;left:21px;top:7px;border-left:2px solid #748465;border-bottom:2px solid #748465}

/* The founder remains beside the story; the scenery takes a larger visual role. */
@media(min-width:1000px){.cinematic-edition .story-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(50px,6vw,90px)}.cinematic-edition .founder-portrait{top:96px}.cinematic-edition .story-stage{padding:25px 25px 23px}.cinematic-edition .story-art{height:240px}.cinematic-edition .story-stage-title{font-size:23px}.cinematic-edition .wood-shelf{width:155px;height:158px;top:32px;border-width:9px;left:8%}.cinematic-edition .wood-shelf>i{height:45px;border-bottom-width:7px}.cinematic-edition .wood-chair{top:62px;left:65%;scale:1.35}.cinematic-edition .wood-table{bottom:9px}.cinematic-edition .catalogue{top:38px;padding:22px}.cinematic-edition .catalogue>span{font-size:14px}.cinematic-edition .catalogue i{height:50px}.cinematic-edition .catalogue b{font-size:11px}.cinematic-edition .commerce-package{width:95px;height:81px;padding:25px;font-size:22px;bottom:16px}.cinematic-edition .clinic-art>img{height:188px!important;top:18px}.cinematic-edition .clinic-art>div{padding:22px;bottom:9px}.cinematic-edition .clinic-art>div>span{font-size:16px}}
.cinematic-edition .story-stage{border:0;background:#e7dfcb;transition:background 1.2s;box-shadow:inset 0 -1px #cbbf9f}
.cinematic-edition .story-commerce{background:#e0e6d4}.cinematic-edition .story-clinic{background:#e5e9e3}
.cinematic-edition .story-art{transform:perspective(1100px) rotateY(var(--story-turn,0deg));transition:transform .25s linear}
.cinematic-edition .story-art>div{transform:translate3d(65px,38px,-100px) rotateY(-35deg) rotateZ(10deg) scale(.7);transition:opacity .65s,transform 1.4s var(--cinema-ease)}
.cinematic-edition .story-furniture .furniture-art,.cinematic-edition .story-commerce .commerce-art,.cinematic-edition .story-clinic .clinic-art{transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1)}
.cinematic-edition .wood-chair,.cinematic-edition .commerce-package{animation:object-drift 5s ease-in-out infinite;animation-play-state:paused}
.cinematic-edition .cinema-running .wood-chair,.cinematic-edition .cinema-running .commerce-package{animation-play-state:running}
.mobile-scene{display:none}
.cinematic-edition .clinic-manifesto>img{height:calc(100% + 150px);top:-75px;transform:translateY(var(--cinema-photo,0px)) scale(1.06)}
.cinematic-edition .manifesto-panel{position:relative;z-index:1}
.cinematic-edition .improvement-loop>span::after{transform-origin:left;animation:loop-line 4.8s ease-in-out infinite;animation-play-state:paused}.cinematic-edition .cinema-running .improvement-loop>span::after{animation-play-state:running}.cinematic-edition .improvement-loop>span:nth-of-type(2)::after{animation-delay:1.6s}.cinematic-edition .improvement-loop>span:nth-of-type(3)::after{animation-delay:3.2s}

/* Automatic demonstrations stop when the reader starts using controls. */
.cinema-playback{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#4c6147;padding:0 0 13px;margin-bottom:18px;border-bottom:1px solid #94a78250}
.cinema-playback>span{display:flex;align-items:center;gap:8px}.cinema-playback>span>i{width:5px;height:5px;border-radius:50%;background:#81975c}
.cinema-playback button{padding:7px 11px;border:1px solid #899b7260;color:inherit;background:transparent;min-height:30px;font-size:10px;cursor:pointer}.cinema-playback button:hover{background:#ffffff45}.cinema-playback button:disabled{opacity:.55;cursor:default}
.playback-progress{position:absolute;inset:auto 0 -1px;height:2px;background:#627b49;transform-origin:left;transform:scaleX(var(--tour-progress,0));transition:transform .15s linear}
.cinematic-edition .journey-cinema{padding:22px 28px 19px;min-height:378px;background:#dfe6d1}
.journey-stations{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:10px;letter-spacing:.04em;color:#869175;margin:2px 0 28px}
.journey-stations>span{transition:color .5s}.journey-at-0 .journey-stations>span:nth-child(1),.journey-at-1 .journey-stations>span:nth-child(2),.journey-at-2 .journey-stations>span:nth-child(3),.journey-at-3 .journey-stations>span:nth-child(4){color:#334e32}
.cinematic-edition .journey-object{height:170px;--prop-half:137px;--paper-offset:133px;perspective:1200px;margin-inline:0}
.cinematic-edition .journey-object::after{content:'';position:absolute;inset:auto -40px 27px;height:22px;background:repeating-linear-gradient(90deg,#bac7a6 0 2px,transparent 2px 23px);border-block:1px solid #a6b88f;transform:skewX(-28deg);z-index:-1}
.cinematic-edition .journey-prop{left:10px;top:0;width:274px;height:145px;transform:translateX(calc(var(--journey-travel,0px) * var(--flow-stage) / 3));transition:transform 1.6s var(--cinema-ease);perspective:850px}
.cinematic-edition .journey-object .journey-carton{width:143px;height:102px;padding:21px 17px;top:15px;left:0;box-shadow:none;transform:rotateY(-16deg) rotateZ(-5deg);transform-style:preserve-3d;border:1px solid #a89570;background:#d9c69b;transition:transform 1.4s var(--cinema-ease)}
.cinematic-edition .journey-carton>b{font-size:23px;margin-block:10px 5px}.cinematic-edition .journey-carton>span{font-size:10px}.cinematic-edition .journey-carton>i{width:15px;background:#efead680;right:10px}
.carton-top{position:absolute;inset:-29px -1px auto;height:28px;background:#ecdfbc;border:1px solid #a89570;transform-origin:bottom;transform:skewX(-35deg) translateX(10px);transition:transform 1.1s var(--cinema-ease)}
.carton-top::after{content:'';position:absolute;width:15px;right:10px;top:0;bottom:0;background:#fff7dc90}
.carton-side{position:absolute;inset:-15px -22px auto auto;width:21px;height:102px;transform:skewY(-55deg);background:#ac996e;border:1px solid #a18d63}
.carton-scan{position:absolute;inset:0;background:linear-gradient(transparent 38%,#617b5845 47%,#7b966466 49%,transparent 56%);opacity:0;pointer-events:none}
.cinematic-edition .journey-at-1 .journey-carton{transform:rotateY(-16deg) rotateZ(0deg)}.journey-at-1 .carton-scan{opacity:1;animation:scan-package 2.4s ease-in-out infinite;animation-play-state:paused}.journey-at-1.cinema-running .carton-scan{animation-play-state:running}
.cinematic-edition .journey-at-2 .journey-carton{transform:rotateY(-20deg) rotateZ(0deg)}.journey-at-2 .carton-top{transform:skewX(-35deg) translateX(10px) rotateX(65deg)}
.cinematic-edition .journey-at-3 .journey-carton{transform:rotateY(12deg) rotateZ(4deg)}
.cinematic-edition .journey-object .journey-paper{left:139px;top:3px;width:129px;height:126px;padding:13px;transform:rotateZ(9deg) translateY(-7px);transition:transform 1.2s var(--cinema-ease)}
.cinematic-edition .journey-paper>span{font-size:10px}.cinematic-edition .journey-paper>strong{font-size:28px;bottom:14px;right:14px}.cinematic-edition .journey-paper svg{height:40px}
.cinematic-edition .journey-at-1 .journey-paper{transform:rotateZ(-6deg) translateY(0)}.cinematic-edition .journey-at-2 .journey-paper{transform:rotateZ(0deg) translateY(-15px)}.cinematic-edition .journey-at-3 .journey-paper{transform:rotateZ(-8deg) translateY(-5px)}
.cinematic-edition .workflow-panel{min-height:460px}
.cinematic-edition .journey-route button[aria-pressed=true]>i{box-shadow:0 0 0 6px #70865326}.cinematic-edition .journey-route button>b{font-size:12px}

/* Information visibly converges; no record is applied without a user action. */
.cinematic-edition .evidence-scene{padding:21px 25px 20px;min-height:283px;background:#dce6d4}
.cinematic-edition .evidence-documents{gap:20px;margin-top:27px;perspective:800px}
.cinematic-edition .evidence-sheet{padding:17px 12px 15px;animation:evidence-collect 1.25s var(--cinema-ease) var(--delay) both;box-shadow:4px 6px 0 #9bab8d33;--collect-x:-70px;--collect-turn:-15deg;--collect-y:35px}
.cinematic-edition .evidence-sheet:nth-child(2){--collect-x:0px;--collect-turn:12deg;--collect-y:-45px}.cinematic-edition .evidence-sheet:nth-child(3){--collect-x:70px;--collect-turn:18deg}
.cinematic-edition .evidence-sheet>b{font-size:19px}.cinematic-edition .evidence-sheet>span{font-size:10px}
.cinematic-edition .evidence-wires{height:44px;stroke-width:1.5;stroke:#6a8353;stroke-dasharray:7 7;animation:information-stream 1.4s linear infinite;animation-play-state:paused}
.cinematic-edition .cinema-running .evidence-wires{animation-play-state:running}
.cinematic-edition .evidence-summary{font-size:11px;margin-top:4px}
.cinematic-edition .ai-demo{min-height:690px}.cinematic-edition .ai-conversation{min-height:240px}
.cinematic-edition .ai-orbits{animation:ai-field 22s ease-in-out infinite;animation-play-state:paused;opacity:.23}
.cinematic-edition .intelligence:has(.cinema-running) .ai-orbits{animation-play-state:running}
.cinematic-edition .assistant-answer{animation:answer-arrive .8s var(--cinema-ease) both}

/* Later sections keep a visual cadence. All data remains sample data. */
.cinematic-edition .quote-line{position:relative;overflow:hidden}.cinematic-edition .quote-line::before{content:'';position:absolute;inset:0;background:#a5b88e25;transform:translateX(-105%);pointer-events:none;animation:quote-review 8s var(--cinema-ease) infinite;animation-play-state:paused}.cinematic-edition .cinema-running .quote-line::before{animation-play-state:running}.cinematic-edition .quote-line:nth-of-type(5)::before{animation-delay:2.6s}.cinematic-edition .quote-line:nth-of-type(6)::before{animation-delay:5.2s}
.cinematic-edition .stock-illustration{overflow:hidden;perspective:800px}.cinematic-edition .unit-box{transform:rotate(var(--stock-turn,0deg));transition:transform .2s linear}
.cinematic-edition .unit-grid i{animation:unit-transfer 3.8s var(--cinema-ease) infinite;animation-play-state:paused}.cinematic-edition .cinema-running .unit-grid i{animation-play-state:running}.cinematic-edition .unit-grid i:nth-child(3n){animation-delay:.4s}.cinematic-edition .unit-grid i:nth-child(3n+1){animation-delay:.8s}
.cinematic-edition #report-experience .cinema-playback{margin-top:18px;margin-bottom:8px;padding-bottom:10px}
.cinematic-edition #report-experience .report-bar>i::after{width:100%;transform:scaleX(var(--ratio,1));transform-origin:left;transition:transform 1.2s var(--cinema-ease)}
.cinematic-edition #report-experience .report-waiting .report-bar>i::after{transform:scaleX(0)}
.cinematic-edition #report-experience .report-bar:nth-last-child(3)>i::after{transition-delay:.12s}.cinematic-edition #report-experience .report-bar:nth-last-child(2)>i::after{transition-delay:.24s}
.cinematic-edition .closing-photo>img{transform:translateY(var(--cinema-photo,0px)) scale(1.18);filter:saturate(.85)}
.cinematic-edition .closing-photo figcaption{z-index:1}
.cinema-ready .cinematic-edition .motion-reveal{opacity:.2;transform:translateY(55px);transition:opacity 1s var(--cinema-ease),transform 1.4s var(--cinema-ease)}
.cinema-ready .cinematic-edition .motion-reveal.motion-seen{opacity:1;transform:none}
.cinematic-edition .start-track>span{height:2px;transition:transform .18s linear}.cinematic-edition .start-track>i{width:10px;height:10px;translate:0 -2px}

@keyframes hero-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes paper-in{from{opacity:0;transform:translate(70px,60px) rotate(18deg)}to{opacity:1;transform:translate(0,0) rotate(-3deg)}}
@keyframes dashboard-row{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-28deg) scale(.92)}50%{transform:rotate(-2deg) scale(1.1)}}
@keyframes ribbon-travel{to{transform:translateX(-50%)}}
@keyframes object-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:5deg}}
@keyframes loop-line{0%,12%{transform:scaleX(0)}30%,66%{transform:scaleX(1)}92%,100%{transform:scaleX(0)}}
@keyframes scan-package{0%,100%{transform:translateY(-32px)}50%{transform:translateY(32px)}}
@keyframes evidence-collect{from{opacity:0;transform:translate3d(var(--collect-x),var(--collect-y),-100px) rotate(var(--collect-turn)) scale(.65)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes information-stream{to{stroke-dashoffset:-28}}
@keyframes ai-field{0%,100%{transform:rotate(-20deg) scale(1)}50%{transform:rotate(15deg) scale(1.18)}}
@keyframes quote-review{0%,15%{transform:translateX(-105%)}33%,53%{transform:translateX(0)}72%,100%{transform:translateX(105%)}}
@keyframes unit-transfer{0%,18%,100%{transform:translate(0,0);opacity:1}40%{transform:translate(12px,-16px);opacity:1}65%{transform:translate(70px,-4px);opacity:0}80%{transform:translate(-12px,15px);opacity:0}}

@media(min-width:1600px){.hero-dashboard{inset:141px 23px auto 42px}.dashboard-main{padding:30px}.dashboard-title>b{font-size:28px}.dashboard-table>div{padding-block:17px}.cinematic-edition .hero-theatre{min-height:715px}}
@media(max-width:1150px){.hero-dashboard{inset:156px 14px auto 18px}.dashboard-main{padding:21px 15px}.dashboard-summary{gap:20px}.dashboard-state{display:none}.dashboard-table>div{font-size:8px}.dashboard-table b{font-size:10px}.dashboard-table i{font-size:7px}.dashboard-sidebar{width:32px}.dashboard-bottom{font-size:7px}.dashboard-bottom>b{display:none}.cinematic-edition .hero-phase-1 .hero-ledger{translate:-10px 0}}
@media(max-width:900px){.hero-dashboard{inset:142px 13px auto 16px}.dashboard-main{padding:17px 13px}.dashboard-title>b{font-size:20px}.dashboard-summary{margin:12px 0;gap:20px}.dashboard-summary strong{font-size:28px}.dashboard-table>div{padding-block:11px}.dashboard-chrome{padding:9px 11px}.dashboard-chrome small{font-size:8px}.cinematic-edition .hero-theatre{border-top-left-radius:100px}.ribbon-cell{gap:20px;padding-right:34px}.ribbon-cell>b{font-size:29px}.ribbon-cell em{margin-left:5px}.cinematic-edition .workflow-panel{min-height:700px}.cinematic-edition .ai-demo{min-height:670px}}
@media(max-width:600px){
 .cinematic-edition .edition-bar nav{gap:12px}.cinematic-edition .edition-bar{font-size:7px}
 .cinematic-edition .hero-theatre,.cinematic-edition .hero-experience{min-height:476px}
 .cinematic-edition .hero-canvas{inset:20px -6% 99px}.cinematic-edition .hero-phase-2 .hero-canvas{transform:translateY(25px);opacity:.4}
 .hero-dashboard{inset:90px 13px auto 15px;box-shadow:8px 13px 0 #142a2070,0 20px 35px #12241f55}
 .dashboard-main{padding:17px 13px 14px}.dashboard-title>span{font-size:8px}.dashboard-title>b{font-size:20px;margin-top:5px}.dashboard-sidebar{width:31px;gap:17px;padding-top:18px}.dashboard-sidebar b{font-size:14px}.dashboard-sidebar i{width:9px;height:9px}
 .dashboard-summary{margin:9px 0 13px;gap:28px}.dashboard-summary small{font-size:8px}.dashboard-summary strong{font-size:25px}.dashboard-table>div{font-size:8px;padding-block:11px}.dashboard-table>div:first-child{font-size:7px;padding-block:6px}.dashboard-bottom{font-size:7px;padding-top:11px}.dashboard-table i{font-size:7px}
 .cinematic-edition .hero-ledger{bottom:132px}.cinematic-edition .hero-theatre-caption{bottom:70px}.cinematic-edition .hero-theatre-caption p{font-size:16px}
 .supply-ribbon{margin-top:32px;padding:20px 0 24px}.ribbon-heading{font-size:9px}.ribbon-heading>span{font-size:12px}.ribbon-window{margin-top:25px}.ribbon-cell{gap:17px;padding-right:30px}.ribbon-cell>b{font-size:27px}.ribbon-cell>i{scale:.8;margin-inline:-3px}.ribbon-cell em{font-size:30px;margin-left:3px}
 .cinematic-edition #story-experience{display:none}.cinematic-edition .founder-portrait{display:block}.cinematic-edition .founder-portrait>figure{display:grid;grid-template-columns:124px 1fr;gap:22px;align-items:center}.cinematic-edition .founder-portrait>figure img{width:124px;height:155px}.cinematic-edition .founder-portrait figcaption{padding:0}.cinematic-edition .founder-portrait figcaption>span{font-size:9px}.cinematic-edition .founder-portrait figcaption>strong{font-size:27px}
 .cinematic-edition .mobile-scene{display:block;margin:25px 0;padding:17px 20px 20px}.cinematic-edition .mobile-scene .story-art{height:183px}.cinematic-edition .mobile-scene .story-stage-top{font-size:10px}.cinematic-edition .mobile-scene .story-stage-title{font-size:19px;margin:5px 0 0;line-height:1.8}
 .mobile-scene .wood-shelf{left:15%;top:25px;width:103px;height:126px;border-width:6px}.mobile-scene .wood-shelf>i{height:36px;border-bottom-width:5px}.mobile-scene .wood-chair{left:66%;top:49px;scale:1}.mobile-scene .catalogue{left:7%;width:76%;top:19px;padding:16px}.mobile-scene .catalogue i{height:38px}.mobile-scene .catalogue>span{font-size:11px}.mobile-scene .catalogue b{font-size:10px}.mobile-scene .commerce-package{width:74px;height:62px;bottom:10px;right:8%;padding:18px;font-size:18px}.mobile-scene .clinic-art>img{height:148px!important;top:8px}.mobile-scene .clinic-art>div{width:56%;bottom:8px;padding:18px}.mobile-scene .clinic-art>div>span{font-size:13px}
 .cinematic-edition .mobile-scene:not(.cinema-running) .story-art>div{transform:translateY(40px) rotateY(-25deg) scale(.85);opacity:.25}
 .cinematic-edition .clinic-manifesto>img{height:295px;top:auto;transform:translateY(0) scale(1);object-position:50% 50%}
 .cinematic-edition .journey-cinema{padding:18px 13px 14px;min-height:334px;margin-top:22px}.cinema-playback{font-size:9px;margin-bottom:20px;padding-bottom:11px}.cinema-playback button{font-size:9px;min-height:29px;padding:6px 9px}
 .journey-stations{font-size:8px;letter-spacing:0;margin-bottom:23px;line-height:1.7;gap:5px}
 .cinematic-edition .journey-object{height:142px}.cinematic-edition .journey-prop{width:208px;height:127px;left:10px}
 .cinematic-edition .journey-object .journey-carton{width:112px;height:86px;padding:15px 11px;top:15px;left:0}.cinematic-edition .journey-carton>span{font-size:8px}.cinematic-edition .journey-carton>b{font-size:19px;margin-block:9px 5px}.carton-side{height:86px;width:17px;right:-18px;top:-12px}.carton-top{height:22px;top:-23px;transform:skewX(-35deg) translateX(8px)}.journey-at-2 .carton-top{transform:skewX(-35deg) translateX(8px) rotateX(65deg)}
 .cinematic-edition .journey-object .journey-paper{left:107px;width:100px;height:112px;top:3px;padding:10px}.cinematic-edition .journey-paper>span{font-size:8px}.cinematic-edition .journey-paper>strong{font-size:24px;right:12px;bottom:13px}.cinematic-edition .journey-paper svg{height:33px}.cinematic-edition .journey-object::after{bottom:21px;height:16px}.cinematic-edition .journey-route button>b{font-size:10px}
 .cinematic-edition .workflow-panel{min-height:790px}.cinematic-edition .evidence-scene{min-height:256px;padding:17px 16px}.cinematic-edition .evidence-documents{gap:10px;margin-top:19px}.cinematic-edition .evidence-sheet{padding:14px 8px 12px}.cinematic-edition .evidence-sheet>span{font-size:8px}.cinematic-edition .evidence-sheet>b{font-size:12px}.cinematic-edition .evidence-wires{height:34px}.cinematic-edition .evidence-summary{font-size:9px}.cinematic-edition .ai-demo{min-height:735px}
 .cinema-ready .cinematic-edition .motion-reveal{transform:translateY(34px)}.cinema-ready .cinematic-edition .motion-reveal.motion-seen{transform:none}
 .cinematic-edition .closing-photo>img{transform:translateY(var(--cinema-photo,0px)) scale(1.2)}
}
@media(max-width:359px){.cinematic-edition .hero-theatre,.cinematic-edition .hero-experience{min-height:461px}.hero-dashboard{inset:97px 12px auto 13px}.dashboard-main{padding:14px 10px}.dashboard-table>div{font-size:7px}.dashboard-table b{font-size:9px}.dashboard-table i{font-size:6px}.dashboard-title>b{font-size:18px}.dashboard-table>div{gap:4px}.cinematic-edition .hero-theatre-caption p{font-size:14px}.cinematic-edition .founder-portrait>figure{grid-template-columns:105px 1fr;gap:16px}.cinematic-edition .founder-portrait>figure img{width:105px;height:136px}.cinematic-edition .mobile-scene{padding-inline:15px}.mobile-scene .wood-shelf{left:8%}.mobile-scene .wood-chair{left:64%;scale:.85}.cinematic-edition .journey-cinema{padding-inline:10px}.cinematic-edition .evidence-sheet>b{font-size:10px}.cinematic-edition .workflow-panel{min-height:840px}}

/* Keep every screen state above its caption across the responsive sizes. */
.dashboard-title{font-size:9px;line-height:1.5}
.cinematic-edition .hero-stage-controls button[aria-pressed=true]>i{animation-play-state:paused}
.cinematic-edition .cinema-running .hero-stage-controls button[aria-pressed=true]>i{animation-play-state:running}
.cinematic-edition .hero-manual .hero-stage-controls button[aria-pressed=true]>i{animation:none;transform:scaleX(1)}
.cinematic-edition .evidence-sheet{animation-play-state:paused}
.cinematic-edition .cinema-running .evidence-sheet{animation-play-state:running}
@media(min-width:1600px){.hero-dashboard{top:105px}}
@media(max-width:1150px){.hero-dashboard{top:96px}}
@media(max-width:900px){.hero-dashboard{top:86px}}
@media(max-width:600px){.cinematic-edition .hero-theatre,.cinematic-edition .hero-experience{min-height:530px}.hero-dashboard{top:62px}}
@media(max-width:359px){.cinematic-edition .hero-theatre,.cinematic-edition .hero-experience{min-height:530px}.hero-dashboard{top:60px}}

/* Accessible static composition, also used by the explicit motion switch. */
html.motion-paused .cinematic-edition *{animation:none!important;transition:none!important}
.motion-paused .ribbon-window{transform:none!important}.motion-paused .mobile-scene .story-art>div{opacity:0;transform:none!important}.motion-paused .mobile-scene.story-furniture .furniture-art,.motion-paused .mobile-scene.story-commerce .commerce-art,.motion-paused .mobile-scene.story-clinic .clinic-art{opacity:1!important}
.motion-paused .cinematic-edition #report-experience .report-bar>i::after{transform:scaleX(var(--ratio,1))}.motion-paused .hero-stage-controls button[aria-pressed=true]>i{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.cinematic-edition *{animation:none!important;transition:none!important}.ribbon-window{transform:none!important}.cinematic-edition .motion-reveal{opacity:1;transform:none}.mobile-scene.story-furniture .furniture-art,.mobile-scene.story-commerce .commerce-art,.mobile-scene.story-clinic .clinic-art{opacity:1!important;transform:none!important}.cinematic-edition #report-experience .report-bar>i::after{transform:scaleX(var(--ratio,1))}}